Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
JavaScript: bucle For-In
Este tutorial de JavaScript explica cómo usar bucles for-in con sintaxis y ejemplos.
describir
En JavaScript, un bucle for-in es una declaración de control básica que le permite iterar sobre las propiedades de un objeto. Las declaraciones de código que se encuentran en el cuerpo del bucle se ejecutarán una vez para cada propiedad del objeto.
sintaxis
La sintaxis para un bucle for-in en JavaScript es:
for (variable in object) {
// statements
}parámetro o parámetro
variable El nombre de una variable, un elemento de una matriz o una propiedad de un objeto. objeto Un objeto válido o el nombre de un objeto cuyas propiedades se repetirán. Las sentencias ejecutan las sentencias de código para cada bucle.
notas
- El cuerpo del bucle for-in se ejecutará una vez para cada propiedad del objeto.
- Un bucle for-in no itera sobre todas las propiedades de un objeto. Solo puede recorrer propiedades enumerables, como propiedades definidas por el usuario o propiedades heredadas definidas por el usuario. Las propiedades marcadas como no enumerables (como propiedades o métodos integrados) no se repetirán con un bucle for-in.
- Debido a que no existe un orden específico en el que las propiedades de los objetos se enumeran en un bucle for-in, JavaScript puede recorrer las propiedades en un orden diferente según su implementación o versión de JavaScript.
- Consulte también la instrucción break para salir antes de tiempo de un bucle for-in.
ejemplo
Veamos un ejemplo que muestra cómo usar bucles for-in en JavaScript.
Por ejemplo:
var totn_colors = { primary: 'blue', secondary: 'gray', tertiary: 'white' };
for (var color in totn_colors) {
console.log(totn_colors[color]);
}En este ejemplo, se generará lo siguiente en el registro de la consola del navegador web:
blue gray white
propina: Cada implementación de JavaScript puede atravesar propiedades en un orden diferente. El resultado anterior es lo que aparece en nuestra implementación de JavaScript, pero el resultado puede aparecer en un orden diferente en su versión de JavaScript.
Uso de bucles for-in con matrices
Dado que una matriz es un objeto, puede usar un bucle for-in para iterar a través de los elementos de la matriz.
Aquí está el mismo ejemplo que el anterior, pero usando una matriz:
var totn_colors = [ 'blue', 'gray', 'white' ];
for (var color in totn_colors) {
console.log(totn_colors[color]);
}En este ejemplo, se generará lo siguiente en el registro de la consola del navegador web:
blue gray white