En este tutorial, aprenderá sobre JavaScript para… en bucle con la ayuda de ejemplos.
En los tutoriales anteriores, hemos cubierto:
- JavaScript while y do… while loop
- JavaScript para bucle
También existen otros tipos de bucles. El for… inbucle en JavaScript le permite iterar sobre todas las claves de propiedad de un objeto.
JavaScript para… en bucle
La sintaxis del for… inbucle es:
for (key in object) ( // body of for… in )
En cada iteración del ciclo, se asigna una clave a la variable clave. El ciclo continúa para todas las propiedades del objeto.
Nota : Una vez que obtenga las claves, podrá encontrar fácilmente su valor.
Ejemplo 1: iterar a través de un objeto
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Salida
nombre => clase Mónica => 7 años => 12
En el programa anterior, el for… inbucle se usa para iterar sobre el studentobjeto e imprimir todas sus propiedades.
- La clave de objeto se asigna a la clave de variable.
student(key)se utiliza para acceder al valor de la clave.
Ejemplo 2: Actualizar valores de propiedades
const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )
Salida
Jack: $ 24000, Paul: $ 34000, Monica: $ 55000
En el ejemplo anterior, el for… inbucle se usa para iterar sobre las propiedades del salariesobjeto. Luego, la cadena $se agrega a cada valor del objeto.
para… adentro con cadenas
También puede utilizar el for… inbucle para iterar sobre los valores de cadena. Por ejemplo,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Salida
código
para … con matrices
También puede utilizarlo for… incon matrices. Por ejemplo,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Salida
hola 1 JavaScript
Aprenderá más sobre las matrices en tutoriales posteriores.
Nota : No debe usar for… inpara iterar sobre una matriz donde el orden del índice es importante.
Una de las mejores formas de iterar sobre una matriz es usar el for… ofbucle.
Para obtener más información sobre el for… ofciclo, visite JavaScript para… de ciclo.
