for...in

Prubalo

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

// Expected output:
// "a: 1"
// "b: 2"
// "c: 3"

Sintaxis

for (variable in objeto)
  instruccin

variable

Asigna un nombre de propiedad diferente a la variable en cada iteracin.

objeto

Objeto cuyas propiedades enumerables que no son smbolos se iteran.

Descripcin

Un bucle for...in solo itera sobre propiedades enumerables que no son smbolo. Los objetos creados a partir de constructores integrados como Array y Object han heredado propiedades no enumerables de Object.prototype y String.prototype, como el mtodo indexOf() de String o el mtodo toString() de Object. El bucle iterar sobre todas las propiedades enumerables del objeto en s y aquellas que el objeto hereda de su cadena de prototipos (las propiedades de los prototipos ms cercanos tienen prioridad sobre las de los prototipos ms alejados del objeto en su cadena de prototipos).

Propiedades deleted, added o modified

Un bucle for...in itera sobre las propiedades de un objeto en un orden arbitrario (consulta el operador delete para obtener ms informacin sobre por qu no puede depender del aparente orden de la iteracin, al menos en una configuracin entre navegadores).

Si una propiedad se modifica en una iteracin y luego se visita en un momento posterior, su valor en el bucle es su valor en ese momento posterior. Una propiedad que se elimina antes de haber sido visitada no se visitar ms tarde. Las propiedades agregadas al objeto sobre el que se est produciendo la iteracin se pueden visitar u omitir de la iteracin.

En general, es mejor no agregar, modificar o eliminar propiedades del objeto durante la iteracin, aparte de la propiedad que se est visitando actualmente. No hay garanta de si se visitar una propiedad agregada, si se visitar una propiedad modificada (distinta de la actual) antes o despus de que se modifique, o si se visitar una propiedad eliminada antes de eliminarla.

Iteracin en arreglos y for...in

Los ndices del arreglo son solo propiedades enumerables con nombres enteros y, por lo dems, son idnticos a las propiedades generales del objeto. No hay garanta de que for...in devuelva los ndices en un orden en particular. La instruccin de bucle for...in devolver todas las propiedades enumerables, incluidas aquellas con nombres no enteros y aquellas que se heredan.

Debido a que el orden de iteracin depende de la implementacin, es posible que la iteracin sobre un arreglo no visite los elementos en un orden coherente. Por lo tanto, es mejor usar un bucle for con un ndice numrico (o Array.prototype.forEach() o el bucle for...of) cuando se itera sobre arreglos donde el orden de acceso es importante.

Iterar solo sobre propiedades directas

Si solo deseas considerar las propiedades adjuntas al objeto en s mismo, y no sus prototipos, usa getOwnPropertyNames() o realiza una hasOwnProperty() verificacin (propertyIsEnumerable() tambin se puede utilizar). Alternativamente, si sabes que no habr ninguna interferencia de cdigo externo, puedes extender los prototipos incorporados con un mtodo de verificacin.

Por qu usar for...in?

Dado que for...in est construido para iterar propiedades de objeto, no se recomienda su uso con arreglos y opciones como Array.prototype.forEach() y existe for...of, cul podra ser el uso de for...in?

Es posible que se utilice de forma ms prctica con fines de depuracin, ya que es una forma fcil de comprobar las propiedades de un objeto (mediante la salida a la consola o de otro modo). Aunque los arreglos suelen ser ms prcticos para almacenar datos, en situaciones en las que se prefiere un par clave-valor para trabajar con datos (con propiedades que actan como la "clave"), puede haber casos en los que desees comprobar si alguna de esas claves cumple un valor particular.

Ejemplos

Utilizar for...in

El siguiente bucle for...in itera sobre todas las propiedades enumerables que no son smbolos del objeto y registra una cadena de los nombres de propiedad y sus valores.

var obj = { a: 1, b: 2, c: 3 };

for (const prop in obj) {
  console.log(`obj.${prop} = ${obj[prop]}`);
}

// Produce:
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

Iterar propiedades directas

La siguiente funcin ilustra el uso de hasOwnProperty() las propiedades heredadas no se muestran.

var triangle = { a: 1, b: 2, c: 3 };

function ColoredTriangle() {
  this.color = "red";
}

ColoredTriangle.prototype = triangle;

var obj = new ColoredTriangle();

for (const prop in obj) {
  if (obj.hasOwnProperty(prop)) {
    console.log(`obj.${prop} = ${obj[prop]}`);
  }
}

// Produce:
// "obj.color = red"

Especificaciones

Compatibilidad con navegadores

Ve tambin

• for...of una declaracin similar que itera sobre la propiedad values
• for each...in una declaracin similar pero obsoleta que itera sobre los valores de las propiedades de un objeto, en lugar de los nombres de las propiedades en s
• for
• Expresiones generadoras (usa la sintaxis for...in)
• Enumerabilidad y posesin de propiedades
• Object.getOwnPropertyNames()
• Object.prototype.hasOwnProperty()
• Array.prototype.forEach()