JavaScript10 min read

JavaScript Iterators and for...of Loop

Master iterators in JavaScript. Learn for...of loop, iterable objects, and iteration protocols.

Alex Thompson
Dec 19, 2025
19.4k855

JavaScript Iterators

for...of Loop

Modern way to iterate over arrays and strings.

const fruits = ['apple', 'banana', 'orange'];

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

Better than: Traditional for loop

Iterable Objects

Arrays, strings, maps, sets are iterable.

for (const char of 'hello') {
  console.log(char);
}

Key Takeaway

for...of iterates over iterable objects. Cleaner than traditional loops. Works with arrays, strings, maps, sets.

#JavaScript#Iterators#for...of#Intermediate