JavaScript Array Loop Examples

Click the buttons to run each loop on the array below:

For Loop

const fruits = ['Apple', 'Banana', 'Orange', 'Pineapple', 'Grapes'];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

While Loop

const fruits = ['Apple', 'Banana', 'Orange', 'Pineapple', 'Grapes'];

let i = 0;
while (i < fruits.length) {
  console.log(fruits[i]);
  i++;
}

forEach Loop

const fruits = ['Apple', 'Banana', 'Orange', 'Pineapple', 'Grapes'];

fruits.forEach(function(fruit) {
  console.log(fruit);
});

map Loop

const fruits = ['Apple', 'Banana', 'Orange', 'Pineapple', 'Grapes'];

const result = fruits.map(function(fruit) {
  return fruit.toUpperCase();
});
console.log(result);

for...of Loop

const fruits = ['Apple', 'Banana', 'Orange', 'Pineapple', 'Grapes'];

for (const fruit of fruits) {
  console.log(fruit);
}