Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprende for...of and forEach | Building Conditions and Repetition
Conditional Statements and Loops in JavaScript

bookfor...of and forEach

Imagine you have a grocery list and you want to check every single item to make sure nothing is missing. You would start at the top of the list and look at each item one by one until you reach the end. In programming, when you want to process every item in a list—like an array of fruits—JavaScript gives you two handy tools: the for...of loop and the forEach method. Both help you visit each element in an array, but they work in slightly different ways.


              
12345

            
const fruits = ["apple", "banana", "cherry"];

for (const fruit of fruits) {
  console.log("I need to buy " + fruit);
}
copy

              
12345

            
const fruits = ["apple", "banana", "cherry"];

fruits.forEach(function(fruit) {
  console.log("I need to buy " + fruit);
});
copy
question mark

Which loop is generally the simplest choice when you want to process every item in an array, one after another, without skipping or changing the order?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 5

Pregunte a AI

expand

Pregunte a AI

ChatGPT

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

Awesome!

Completion rate improved to 7.69

bookfor...of and forEach

Desliza para mostrar el menú

Imagine you have a grocery list and you want to check every single item to make sure nothing is missing. You would start at the top of the list and look at each item one by one until you reach the end. In programming, when you want to process every item in a list—like an array of fruits—JavaScript gives you two handy tools: the for...of loop and the forEach method. Both help you visit each element in an array, but they work in slightly different ways.


              
12345

            
const fruits = ["apple", "banana", "cherry"];

for (const fruit of fruits) {
  console.log("I need to buy " + fruit);
}
copy

              
12345

            
const fruits = ["apple", "banana", "cherry"];

fruits.forEach(function(fruit) {
  console.log("I need to buy " + fruit);
});
copy
question mark

Which loop is generally the simplest choice when you want to process every item in an array, one after another, without skipping or changing the order?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 5
some-alt