Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Uso del Bucle for...of para la Iteración de Arreglos | Dominio de los Arrays en JavaScript
Estructuras de Datos en JavaScript

bookUso del Bucle for...of para la Iteración de Arreglos

Sintaxis

El bucle for...of es una forma más moderna y concisa de iterar sobre arreglos. Maneja automáticamente el contador del bucle y proporciona acceso directo al valor de cada elemento. La sintaxis para un bucle for...of es la siguiente:

for (const element of array) {
  // Code to be executed for each array element
}

En esta sintaxis:

  • const element es una variable que almacena el valor de cada elemento en cada iteración;
  • of array especifica el arreglo que se desea recorrer.

Ejemplo

A continuación, un ejemplo de cómo utilizar el bucle for...of para lograr el mismo resultado que el bucle for anterior:

12345
const students = ["Brandon", "Mario", "Saul"]; for (const student of students) { console.log(student); }
copy
  • Línea 1: Declara una variable constante llamada students y le asigna un arreglo que contiene tres cadenas de texto: "Brandon", "Mario" y "Saul". Este arreglo representa una lista de nombres de estudiantes;
  • Línea 3: Inicia un ciclo for...of. El ciclo se utiliza para iterar a través de cada elemento en el arreglo students uno a la vez;
  • Línea 4: Dentro del ciclo for...of, se utiliza la función console.log() para mostrar el valor del elemento actual en la consola. La variable student representa el elemento actual del arreglo en cada iteración del ciclo. Así, en la primera iteración será "Brandon", en la segunda iteración, "Mario", y en la tercera iteración, "Saul".

1. ¿Cuál es la principal ventaja de utilizar un ciclo for...of al iterar sobre arreglos?

2. En la sintaxis del ciclo for...of, ¿qué representa const element?

3. ¿Cuál es el propósito de la parte of array en la sintaxis del bucle for...of?

question mark

¿Cuál es la principal ventaja de utilizar un ciclo for...of al iterar sobre arreglos?

Select the correct answer

question mark

En la sintaxis del ciclo for...of, ¿qué representa const element?

Select the correct answer

question mark

¿Cuál es el propósito de la parte of array en la sintaxis del bucle for...of?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 7

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you explain the difference between `for...of` and `for...in` loops?

Are there any limitations to using `for...of` with objects?

Can you show how to use `for...of` with other iterable types, like strings or Sets?

Awesome!

Completion rate improved to 2.27

bookUso del Bucle for...of para la Iteración de Arreglos

Desliza para mostrar el menú

Sintaxis

El bucle for...of es una forma más moderna y concisa de iterar sobre arreglos. Maneja automáticamente el contador del bucle y proporciona acceso directo al valor de cada elemento. La sintaxis para un bucle for...of es la siguiente:

for (const element of array) {
  // Code to be executed for each array element
}

En esta sintaxis:

  • const element es una variable que almacena el valor de cada elemento en cada iteración;
  • of array especifica el arreglo que se desea recorrer.

Ejemplo

A continuación, un ejemplo de cómo utilizar el bucle for...of para lograr el mismo resultado que el bucle for anterior:

12345
const students = ["Brandon", "Mario", "Saul"]; for (const student of students) { console.log(student); }
copy
  • Línea 1: Declara una variable constante llamada students y le asigna un arreglo que contiene tres cadenas de texto: "Brandon", "Mario" y "Saul". Este arreglo representa una lista de nombres de estudiantes;
  • Línea 3: Inicia un ciclo for...of. El ciclo se utiliza para iterar a través de cada elemento en el arreglo students uno a la vez;
  • Línea 4: Dentro del ciclo for...of, se utiliza la función console.log() para mostrar el valor del elemento actual en la consola. La variable student representa el elemento actual del arreglo en cada iteración del ciclo. Así, en la primera iteración será "Brandon", en la segunda iteración, "Mario", y en la tercera iteración, "Saul".

1. ¿Cuál es la principal ventaja de utilizar un ciclo for...of al iterar sobre arreglos?

2. En la sintaxis del ciclo for...of, ¿qué representa const element?

3. ¿Cuál es el propósito de la parte of array en la sintaxis del bucle for...of?

question mark

¿Cuál es la principal ventaja de utilizar un ciclo for...of al iterar sobre arreglos?

Select the correct answer

question mark

En la sintaxis del ciclo for...of, ¿qué representa const element?

Select the correct answer

question mark

¿Cuál es el propósito de la parte of array en la sintaxis del bucle for...of?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 7
some-alt