¿Objeto y constructores de objetos en JavaScript?
En el mundo vivo de la programación orientada a objetos ya conocemos la importancia de las clases y los objetos pero a diferencia de otros lenguajes de programación, JavaScript no tiene las clases tradicionales como se ven en otros lenguajes. Pero JavaScript tiene objetos y constructores que funcionan en su mayoría de la misma manera para realizar el mismo tipo de operaciones.
- Los constructores son funciones generales de JavaScript que se utilizan con la palabra clave «new». Los constructores son de dos tipos en JavaScript, es decir, constructores incorporados (array y objeto) y constructores personalizados (definen propiedades y métodos para objetos específicos).
- Los constructores pueden ser útiles cuando necesitamos una forma de crear un «tipo» de objeto que pueda ser utilizado varias veces sin tener que redefinir el objeto cada vez y esto podría lograrse utilizando la función Object Constructor. Es una convención poner en mayúsculas 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 i.e «color» se declaran dentro de ella anteponiendo la palabra clave «this». Los objetos definidos mediante un constructor de objetos se convierten en instantes utilizando la palabra clave «new».
Cuando se llama a new Automobile(), JavaScript hace dos cosas:
- Crea un nuevo objeto (instancia) Automobile() y lo asigna a una variable.
- Establece la propiedad del constructor, es decir, «color» del objeto a Automóvil.
MétodoObject.keys()
El métodoObject.keys() se utiliza para devolver una matriz cuyos elementos son cadenas correspondientes a las propiedades enumerables que se encuentran directamente en un objeto. La ordenación de las propiedades es la misma que la dada por el objeto manualmente en un bucle se aplica a las propiedades.
Object.keys() toma como argumento el objeto del que se quieren devolver las propiedades enumerables propias y devuelve un array de cadenas que representan todas las propiedades enumerables del objeto dado.
Aplicaciones:
- Object.keys() se utiliza para devolver propiedades enumerables de una matriz simple.
- Object.keys() se utiliza para devolver propiedades enumerables de un objeto tipo matriz.
- Object.keys() se utiliza para devolver propiedades enumerables de una matriz como objeto con ordenación aleatoria de las claves.
Sintaxis:
Object.keys(obj)
Parámetros utilizados:
- obj : Es el objeto cuyas propiedades enumerables se van a devolver.
Valor de retorno:
Object.keys() devuelve una matriz de cadenas que representan todas las propiedades enumerables del objeto dado.
A continuación se proporcionan ejemplos de la función anterior.
Ejemplos:
Input : var check = ; console.log(Object.keys(check));Output :
Explicación : En este ejemplo, una matriz «check» tiene tres valores de propiedades y el método object.keys() devuelve las propiedades enumerables de esta matriz. El orden de las propiedades es el mismo que el dado por el objeto manualmente.
Input : var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object));Output :
Explicación : En este ejemplo, un array como el objeto «check» tiene tres valores de propiedades { 0: ‘x’, 1: ‘y’, 2: ‘z’ } y el método object.keys() devuelve las propiedades enumerables de este array. La ordenación de las propiedades es la misma que la dada por el objeto manualmente.
Input : var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object));Output :
Explicación : En este ejemplo, un array como el objeto «cheque» tiene tres valores de propiedades { 70: ‘x’, 21: ‘y’, 35: ‘z’ } en ordenación aleatoria y el método object.keys() devuelve las propiedades enumerables de este array en orden ascendente del valor de los índices.
A continuación se proporcionan los códigos de la función anterior.
Código 1:
<script> var check = ; console.log(Object.keys(check)); </script> SALIDA :
Código 2:
<script> var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object)); </script> SALIDA :
Código 3:
<script> var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object)); </script> SALIDA :