JavaScript Recipes: Get Index in for...of Loop

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


A for-of loop, introduced in ES6, is a great way to iterate over an array:

for (const v of ['a', 'b', 'c']) {
  console.log(v)
}

How can you get the index of an iteration?

The loop does not offer any syntax to do this, but you can combine the destructuring syntax introduced in ES6 with calling the entries() method on the array:

for (const [i, v] of ['a', 'b', 'c'].entries()) {
  console.log(i, v)
}

This outputs:

0 'a'
1 'b'
2 'c'

Lessons in this unit:

0: Introduction
1: Generate Random Numbers in a Range
2: ▶︎ Get Index in for...of Loop
3: Unlimited Function Parameters
4: Return Result from Async Function
5: Encode and Decode URLs
6: Destructuring Tips
7: Number Formatting
8: Regex Recipes
9: Dynamic function name in JS