La estructura Javascript for in nos permite recorrer una lista de elementos de una forma sencilla. Javascript for in es una estructura en bucle que nos permite tratar los elementos indicados en la sentencia.
Pero para ver el uso de la estructura Javascript for in lo primero que haremos será crear un array de elementos, los cuales recorreremos y presentaremos en pantalla.
var nombres = ["victor","pedro","carmen","irene","luis"];
La estructura Javascript for in tiene la siguiente sintaxis:
for (variable in objeto) {
// Acciones
}
En el caso del tratamiento del array el objeto será el propio array y la variable será a la que se vaya asignando uno de los valores del índice del array. Es decir, en cada vuelta del bucle el valor de la variable será un nuevo valor del índice.
De esta forma podemos sacar por consola todos los índices utilizando la estructura Javascript for in.
for (indice in nombres) {
console.log(indice);
}
Es importante destacar que con la estructura Javascript for in lo que tenemos es el índice del elemento, no el elemento en sí, como sucede con las sentencias for each de otros lenguajes.
Es por ello que para mostrar por pantalla (o consola) los nombres del array tenemos que utilizar el índice como acceso al contenido del array. Es decir, ponerlo dentro de los corchetes.
nombres[indice];
Utilizaremos esta sentencia dentro de la estructura Javascript for in:
for (indice in nombres)
document.write(nombres[indice]+"");
Con estas pequeñas líneas y el uso de la estructura Javascript for in hemos volcado el contenido de los elementos del array por pantalla.
