Cómo iterar a través de objetos en JavaScript

Saber cómo iterar a través de un conjunto de datos enumerable en JavaScript es esencial para los principiantes de JavaScript. Los datos que necesita para iterar puede estar en cualquier forma, como mapas, listas, matrices y objetos. Se utilizan diferentes métodos de JavaScript para iterar a través de objetos en JavaScript y obtener los múltiples pares de valor clave. Los cuatro principales son para ... en bucle, Objeto.llaves() método, Objeto.valores() método, y Objeto.entradas () método.

Esta redacción discutirá los métodos para iterar a través de objetos en JavaScript. Además, los procedimientos relacionados con la iteración del objeto, como para ... en bucle, objeto.Método de llaves (), objeto.Método de valores () y objeto.El método de entradas () también se demostrará con ejemplos. Entonces, comencemos!

Iterar a través de objetos en JavaScript utilizando para ... en bucle

Uno de los métodos más comunes para iterar a través de las propiedades del objeto es usar el "para ... en" bucle. El código que agregará dentro de For ... In Loop se ejecutará una vez para cada propiedad de su objeto.

Ejemplo: iterando a través de objetos en JavaScript utilizando para ... en bucle

Primero, debe crear un objeto en un programa JavaScript. Por ejemplo, en el ejemplo dado a continuación, hemos creado un "usuario"Objeto que tiene"nombre","edad","correo electrónico", y "activo"Como sus propiedades:

Const user =
Nombre: 'Jack Smith',
Edad: 28,
Correo electrónico: '[email protected] ',
activo: verdadero;

A continuación, usaremos el "para ... en"Circle para iterar a través de la creada usuario objeto. El "para ... en"Loop devolverá las propiedades o claves del objeto y sus valores:

// iterar a través del objeto de usuario
para (la tecla const en el usuario)
consola.log ('$ key: $ user [key]');

Aquí está el código completo del ejemplo proporcionado con su salida:

Iterar a través de objetos en JavaScript utilizando Object.Método Keys ()

Para facilitar la iteración de los objetos, el Objeto.llaves() el método se agregó a ES6. Tienes que pasar el objeto que desea iterar y el objeto JavaScript.El método Keys () devolverá una matriz que comprende todas las claves o nombres de propiedades. Luego, puede iterar a través de esa matriz y obtener el valor de cada propiedad utilizando un método de bucle de matriz, como el bucle JavaScript foreach ().

Ejemplo: iterando a través de objetos en JavaScript utilizando objeto.Método Keys ()

Para el propósito de demostración, crearemos un "cursos"Objeto tiene diferentes cursos como sus propiedades como"db","javascript","CP", y "DLD"Y asignará a cada uno de ellos valores específicos:

Cursos constantes =
DB: 45,
JavaScript: 67,
CP: 23,
DLD: 15;

Después de hacerlo, convertiremos nuestro "cursos"Objeto al"llaves"Array:

// Convertir el objeto a la matriz de teclas
Const Keys = Object.llaves (cursos);
// Imprimir todas las teclas
consola.log (claves);

En el siguiente paso, iteraremos usando el "cursos"Objeto usando el"llaves"Array. Aquí, hemos usado el "para cada()"Loop para la iteración:

// iterar a través del objeto
llaves.foreach ((clave, index) =>
consola.log ('$ key: $ cursos [clave]');
);

Eche un vistazo a la salida del ejemplo proporcionado en la imagen dada a continuación:

Iterar a través de objetos en JavaScript utilizando Object.Método valores ()

El objeto JavaScript.El método de valores () es opuesto al objeto.método clave () y fue incrustado en el ES8. El objeto.El método de valores () sale una matriz que comprende los valores de la propiedad del objeto agregado. Después de eso, puede iterar a través de los valores del objeto utilizando un método de bucle de matriz como javascript foreach () bucle.

Ejemplo: iterando a través de objetos en JavaScript utilizando objeto.Método valores ()

Este ejemplo le mostrará cómo iterar usando el objeto.Método valores () a través de un valor de objeto. Para este propósito, crearemos un "aves"Objeto que tiene cuatro propiedades"cuervo","gorrión","loro", y "paloma"Con sus respectivos valores:

const birds =
Cuervo: 1,
Gorrión: 2,
Parrot: 3,
Pigeon: 4;

Ahora, para iterar a través de los valores del "aves"Objeto, invocaremos el objeto.valores () método mientras pasa el "aves"Objeto como argumento:

// iterar a través de valores de objetos
Objeto.valores (pájaros).foreach (val => consola.log (val));

Consulte la salida de la iteración de valores de objeto a continuación:

Iterar a través de objetos en JavaScript utilizando Object.Método de entradas ()

Otro método ES8 que se puede utilizar para iterar a través de los objetos en JavaScript es "Objeto.entradas ()" método. Cuando invocas el objeto.Método de entradas () Al pasar el objeto creado como argumento, devolverá dos elementos en cada matriz interna. El primer elemento de matriz representará la propiedad del objeto, y su valor correspondiente se almacenará en el segundo elemento.

Ejemplo: iterando a través de objetos en JavaScript utilizando objeto.Método de entradas ()

Para usar el objeto.Método de entradas () En su programa JavaScript, cree un objeto con algunas propiedades y sus valores. Por ejemplo, hemos creado un "avesObjeto que tiene cuatro propiedades:

const birds =
Cuervo: 1,
Gorrión: 2,
Parrot: 3,
Pigeon: 4;

Ahora, para iterar a través del "objeto"Valores, pasaremos nuestro"aves"Objeto como un argumento para el"Objeto.entradas ()"Método y almacene el valor de retorno en el"entradas" variable:

// iterar a través de valores de objetos
Const Entries = Object.entradas (pájaros);
consola.registro (entradas);

Como puede ver en la salida dada a continuación, el "Objeto.entradas ()"El método ha devuelto cuatro matrices internas, donde cada matriz almacena una propiedad única del"avesObjeto junto con su valor:

Para iterar a través de la matriz, que devuelve el objeto JavaScript.Método de entradas (), también puede usar el "para cada()"Método o el"por ... de" bucle.

Para usar el para ... del bucle, debe escribir el siguiente código después de crear el objeto de aves requerido:

para (const [clave, valor] del objeto.entradas (pájaros))
consola.log ('$ key: $ value');

Con la ayuda del "por ... de"Loop, hemos iterado con éxito sobre el"aves"Objeto, que se puede ver en la salida:

En este caso, si desea utilizar el "para cada()"Método para el mismo propósito, luego invoca el objeto.Método de entradas () mientras pasa el objeto creado como argumento y luego llame al "para cada()" método. El método foreach () devolverá las propiedades o claves del objeto y sus valores respectivos:

// método foreach ()
Objeto.entradas (pájaros).foreach (([[clave, valor]) =>
consola.log ('$ key: $ value')
);

Conclusión

Usando para ... en bucle, objeto.Método Key (), Objeto.Método de valores (), objeto.Método de entradas (), puede iterar a través de los objetos en JavaScript. El para ... en bucle, objeto.Método de entradas () y objeto.El método Keys () se usa para iterar a través de los valores de los pares de objeto, mientras que el objeto.valores () Solo itera a través de los valores de propiedad de un objeto. Este artículo sobre los métodos de iteración a través de objetos en JavaScript. Además, los procedimientos relacionados con la iteración del objeto, como para ... en bucle, objeto.Método de llaves (), objeto.Método de valores () y objeto.El método de entradas () también se demuestra con ejemplos.