JavaScript para... en bucle
Ejemplos
Iterar (bucle) sobre las propiedades de un objeto:
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
Iterar (bucle) sobre los valores de una matriz:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
Más ejemplos a continuación.
Definición y uso
El for...in
combo de declaraciones itera (bucles) sobre las propiedades de un objeto.
El bloque de código dentro del bucle se ejecuta una vez para cada propiedad.
Nota
No use for...in para iterar una matriz si el orden del índice es importante. Utilice un bucle for en su lugar.
Ver también:
Sintaxis
for (x in
object) {
code block to be executed
}
Parámetros
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
Declaraciones de bucle de JavaScript
Declaración | Descripción | |
descanso | Sale de un bucle | |
Seguir | Salta un valor en un bucle | |
mientras | Recorre un bloque de código mientras una condición es verdadera | |
hacer... mientras | Recorre un bloque de código una vez y luego mientras una condición es verdadera | |
por | Recorre un bloque de código mientras una condición es verdadera | |
para... de | Recorre los valores de cualquier iterable | |
para... en | Recorre las propiedades de un objeto |
Más ejemplos
Iterar sobre las propiedades de window.location:
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
Compatibilidad con navegador
for...in
es una característica de ECMAScript1 (ES1).
ES1 (JavaScript 1997) es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |