Función JavaScript Object.keys( )

En este artículo, aprenderemos el método Object.keys() en Javascript, además de comprender su implementación a través de los ejemplos.

Objetos y constructores de objetos en JavaScript: en la programación orientada a objetos , JavaScript tiene el concepto de objetos y constructores que funcionan principalmente de la misma manera y pueden realizar tipos de operaciones similares, al igual que en otros lenguajes de programación. Un objeto en JavaScript puede definirse como una colección desordenada de datos relacionados, de tipos primitivos o de referencia, en forma de pares «clave: valor». Estas claves pueden ser variables o funciones y se denominan propiedades y métodos, respectivamente, en el contexto de un objeto.

Los constructores son funciones generales de JavaScript que se utilizan con la nueva palabra clave y tienen dos tipos, es decir, constructores integrados (array y objeto) y constructores personalizados (propiedades y métodos definidos para objetos específicos). Los constructores pueden ser útiles para crear un «tipo» de objeto que se puede usar varias veces sin tener que redefinir el objeto cada vez y esto se puede lograr usando la función Constructor de objetos . Es una convención usar mayúsculas en el nombre de los constructores para distinguirlos de las funciones regulares.

Por ejemplo, considere el siguiente código:

function Automobile(color) {
 this.color=color;
}
var vehicle1 = new Automobile ("red");

La función «Automóvil()» es un constructor de objetos, y sus propiedades y métodos, es decir, «color», se declara dentro de ella con el prefijo «esto». Los objetos definidos usando un constructor de objetos se convierten en instantes usando la palabra clave «nuevo». Cuando se llama a new Automobile(), JavaScript hace dos cosas:

• Crea un nuevo objeto nuevo (instancia) Automobile() y lo asigna a una variable.
• Establece la propiedad del constructor, es decir, el «color» del objeto en Automóvil.

Método Object.keys(): El método Object.keys() se utiliza para devolver una array cuyos elementos son strings correspondientes a las propiedades enumerables que se encuentran directamente en un objeto. El orden de las propiedades es el mismo que da el objeto manualmente en un bucle que se aplica a las propiedades. Object.keys() toma el objeto como un argumento del cual se devolverán las propiedades enumerables y devuelve una array de strings que representan todas las propiedades enumerables del objeto dado.

Sintaxis:

Object.keys(obj);

Valor del parámetro:

• obj : Es el objeto cuyas propiedades enumerables se van a devolver.

Valor devuelto:  Devuelve una array de strings que representan todas las propiedades enumerables del objeto dado.

Aplicaciones: se puede usar para devolver propiedades enumerables de una array simple, un objeto similar a una array y un objeto similar a una array con orden aleatorio de claves.

Entenderemos el concepto de la función anterior a través de los ejemplos.

Ejemplo 1: En este ejemplo, una array «verificar» tiene tres valores de propiedad [‘x’, ‘y’, ‘z’] y el método object.keys() devuelve las propiedades enumerables de esta array. El orden de las propiedades es el mismo que da el objeto manualmente.

<script>
  
  // Returning enumerable properties
  // of a simple array 
  var check = ['x', 'y', 'z'];
  console.log(Object.keys(check));
</script>

Producción:

['0', '1', '2']

Ejemplo 2: En este ejemplo, un objeto «verificar» similar a una array tiene tres valores de propiedad { 0: ‘x’, 1: ‘y’, 2: ‘z’ } y el método object.keys() devuelve las propiedades enumerables de esta array. El orden de las propiedades es el mismo que da el objeto manualmente.

<script>
  
  // Returning enumerable properties
  // of an array like object.
  var object = { 0: 'x', 1: 'y', 2: 'z' };
  console.log(Object.keys(object));
</script>

Producción:

['0', '1', '2']

Ejemplo 3: En este ejemplo, un objeto «verificar» similar a una array tiene tres valores de propiedad { 70: ‘x’, 21: ‘y’, 35: ‘z’ } en orden aleatorio y el método object.keys() devuelve las propiedades enumerables de esta array en orden ascendente del valor de los índices.

<script>
  
  // Returning enumerable properties of an array
  // like object with random key ordering.
  var object = { 70: 'x', 21: 'y', 35: 'z' };
  console.log(Object.keys(object));
</script>

Producción:

['21', '35', '70']

Excepciones:

• Causa un TypeError si el argumento pasado no es un objeto.
• Si un objeto no se pasa como argumento al método, entonces lo convence y lo trata como un objeto.

Navegador compatible:

• Google Chrome 5.0
• Microsoft Edge 12.0
• Firefox 4.0
• Internet Explorer 9.0
• Ópera 12.0
• Safari 5.0