¿Objetos y constructores de objetos en JavaScript?
En el vivo mundo de la programación orientada a objetos ya sabemos 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 ve en otros lenguajes. Pero JavaScript tiene objetos y constructores que funcionan principalmente 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 «nuevo». 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 se pueda usar varias veces sin tener que redefinir el objeto cada vez y esto podría lograrse usando la función Object Constructor. 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.values() El método Object.values() se utiliza para devolver una array cuyos elementos son los valores de propiedad enumerables que se encuentran en el objeto. El orden de las propiedades es el mismo que el dado por el objeto manualmente, se aplica un bucle a las propiedades.
Object.values() toma el objeto como un argumento del cual se devolverán los valores de propiedad propios enumerables y devuelve una array que contiene todos los valores de propiedad enumerables del objeto dado.
Aplicaciones:
- Object.values() se usa para devolver valores de propiedad enumerables de una array simple.
- Object.values() se utiliza para devolver valores de propiedad enumerables de un objeto similar a una array.
- Object.values() se utiliza para devolver valores de propiedad enumerables de un objeto similar a una array con un orden aleatorio de claves.
Sintaxis:
Object.values(obj)
Parámetros utilizados:
- obj : es el objeto cuyos valores de propiedad enumerables se van a devolver.
Valor devuelto:
Object.values() devuelve una array que contiene todos los valores de propiedad enumerables del objeto dado.
A continuación se proporcionan ejemplos de la función anterior.
Ejemplos:
Input : var check = ['x', 'y', 'z']; console.log(Object.values(check)); Output : Array ["x", "y", "z"]
Explicación: En este ejemplo, una array «verificar» tiene tres valores de propiedad [‘x’, ‘y’, ‘z’] y el método object.values() devuelve los valores de propiedad enumerables de esta array. El orden de las propiedades es el mismo que da el objeto manualmente.
Input : var object = { 0: '23', 1: 'geeksforgeeks', 2: 'true' }; console.log(Object.values(object)); Output : Array ["23", "geeksforgeeks", "true"]
Explicación: En este ejemplo, una array como el objeto «check» tiene tres valores de propiedad { 0: ’23’, 1: ‘geeksforgeeks’, 2: ‘true’ } y el método object.values() devuelve los valores de propiedad enumerables de esta array. El orden de las propiedades es el mismo que da el objeto manualmente.
Input : var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.values(object)); Output : Array ["y", "z", "x"]
Explicación: En este ejemplo, una array como el objeto «verificar» tiene tres valores de propiedad { 70: ‘x’, 21: ‘y’, 35: ‘z’ } en orden aleatorio y el método object.values() devuelve el enumerable valores de propiedad de esta array en orden ascendente del valor de los índices.
Los códigos para la función anterior se proporcionan a continuación.
Código 1:
javascript
<script> // Returning enumerable property values of a simple array var check = ['x', 'y', 'z']; console.log(Object.values(check)); </script>
PRODUCCIÓN :
Array ["x", "y", "z"]
Código 2:
javascript
<script> // Returning enumerable property values // of an array like object. var object = { 0: '23', 1: 'geeksforgeeks', 2: 'true' }; console.log(Object.values(object)); </script>
PRODUCCIÓN :
Array ["23", "geeksforgeeks", "true"]
Código 3:
javascript
<script> // Returning enumerable property values // of an array like object. var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.values(object)); </script>
PRODUCCIÓN :
Array ["y", "z", "x"]
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:
- Chrome 54 y superior
- Borde 14 y superior
- Firefox 47 y superior
- Ópera 41 y superior
- safari 10.1 y superior
Referencia: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA