How to get the index of an iteration in a for-of loop in JavaScript
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)
}
→ Get my JavaScript Beginner's Handbook
I wrote 21 books to help you become a better developer:
- HTML Handbook
- Next.js Pages Router Handbook
- Alpine.js Handbook
- HTMX Handbook
- TypeScript Handbook
- React Handbook
- SQL Handbook
- Git Cheat Sheet
- Laravel Handbook
- Express Handbook
- Swift Handbook
- Go Handbook
- PHP Handbook
- Python Handbook
- Linux Commands Handbook
- C Handbook
- JavaScript Handbook
- Svelte Handbook
- CSS Handbook
- Node.js Handbook
- Vue Handbook