El siguiente bucle que se va a comentar es, el bucle for…in, se podría definir como un bucle incondicional, ya que no utiliza una condición para su funcionamiento.
El bucle se podría traducir por Para…En. Y tiene la siguiente sintaxis.
// Bucle for...in
for(var variable in objeto) {
Acción/es...;
Acción/es...;
}El funcionamiento del bucle seria el siguiente, al entrar al bucle se define una variable, normalmente con var, de esta forma la variable queda disponible de forma local a toda la función donde se encuentra el bucle, a continuación se especifica el objeto sobre el cual se quiere realizar la iteración, en cada iteración se lee una de las propiedades del objeto y el nombre de la misma es asignado a la variable definida anteriormente, el bucle finaliza cuando no encuentra más propiedades que leer del objeto.
El siguiente ejemplo muestra el funcionamiento del bucle for…in, visualizando el nombre de todas las propiedades de un objeto definido previamente.
// Declaración de objeto
var objeto = new Object();
// Declaración de propiedades del objeto
objeto.propiedad1 = "valor_propiedad_1";
objeto.propiedad2 = "valor_propiedad_2";
objeto.propiedad3 = "valor_propiedad_3";
objeto.propiedad4 = "valor_propiedad_4";
// Iterar sobre todas las propiedades del objeto
for ( var leepropiedad in objeto ) {
console.log(leepropiedad);
}
Ejercicios JavaScript – Bucles FOR…IN
Al ejecutar el programa, el resultado que ha de mostrar el navegador en su consola, ha de ser similar al que se muestra a continuación. Como se puede apreciar se muestra el nombre de la propiedad y no el valor de la misma.
Prácticas JavaScript – Bucles For…In
A continuación se visualiza otro ejemplo de utilización del bucle, en el que se itera sobre todas las propiedades del objeto, mostrando su nombre y valor.
// Declaracion del objeto
var coche = new Object();
// Declaracion de propiedades del objeto
coche.numero_ruedas = 4;
coche.color = "rojo";
coche.combustible = "diesel";
coche.ocupantes = 2;
coche.marca = "cualquiera";
coche.modelo = "indiferente";
// Bucle for...in que itera sobre todas las propiedades
// del objeto mostrando en esta ocasión el nombre de la
// propiedad y su valor.
for(var propiedad in coche) {
console.log(propiedad + " = " + coche[propiedad]);
}
Ejercicios JavaScript – Bucle For…In
Gracias por vuestra visita y un saludo!!!
