No. 11 de 12 de articulos. JavaScript

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);
}

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.

 

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]);
}

 

Summary
Bucles - for ... in
Article Name
Bucles - for ... in
Description
Explicación y ejercicios de programación en Javascript, sobre el bucle for...in (para ... en ), el bucle encargado de recorrer todas las propiedades de un objeto.
Author
Publisher Name
www.aprendoencasa.com
Publisher Logo
Navegacion SeriesAnterior en la serie...Siguiente en la serie...

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies