para ... en bucles en JavaScript - pares de valores clave

En JavaScript, los objetos almacenan y organizan datos en pares de valor clave. A veces, los desarrolladores necesitan recorrer cada par de valores clave. JavaScript proporciona una variedad de bucles, como "para" o "para cada"Bucles, pero se usan para iterar a través de matrices. Para iterar a través de los objetos, el "para ... enSe utiliza el bucle, que itera sobre las propiedades de un objeto.

Este blog ilustrará el JavaScript para ... en bucle.

Cómo usar bucles "para ... en" en JavaScript?

En JavaScript, el "para ... enEl bucle se usa para iterar sobre las propiedades del objeto, incluidas las propiedades enumerables de sus prototipos. Cada propiedad y su valor se iteran en el bucle.

Sintaxis

Para iterar los objetos JavaScript, use la siguiente sintaxis de For ... en bucle:

para (variable en objeto)
// ..

Ejemplo

Primero, cree un objeto de lenguajes de programación llamado "lang":

const lang =
HTML: 20,
CSS: 65,
JavaScript: 23,
NodeJS: 8

Ahora, imprima todos los pares de valor clave iterando el objeto usando para ... en bucle:

para (la tecla const en lang)
consola.log ('$ key: $ lang [key]');

Se puede ver que el para ... en bucle iteró con éxito e imprimió todos los pares de valor clave en la consola:

El para ... en el bucle puede ser útil para iterarse a través de las propiedades de un objeto, pero también puede conducir a un comportamiento inesperado si el objeto tiene propiedades heredadas de sus prototipos. Para evitar esto, el mejor enfoque es utilizar el "Objeto.HasnownProperty ()"Método dentro del bucle para ... en bucle para verificar si la propiedad/atributo pertenece al objeto y no a uno de sus prototipos.

Ejemplo

Iterar las propias propiedades del objeto utilizando el método de HasownProperty ():

para (la tecla const en lang)
if (lang.hastawnproperty (key))
consola.log ('$ key -> $ lang [key]');

También puedes usar "Objeto.llaves()" o "Objeto.entradas ()"Métodos para obtener una matriz de los propios nombres de propiedad del objeto o pares de valores clave, respectivamente, y luego iterar sobre esa matriz.

Conclusión

El "para ... enEl bucle en JavaScript iterará a través de todos los atributos enumerables de un objeto, incluidos los heredados a través de la cadena prototipo. El principal problema con el bucle for ... en el bucle es que itera a través de las propiedades de la cadena prototipo. Entonces, para evitar este uso, el "Objeto.HasnownProperty ()"Método dentro del para ... en bucle. En este blog, ilustramos el uso de For ... In Loop in JavaScript.