How can the current number of i be accessed in a for of loop?

by

You can use the entries function. It will return a index/value pair for each entry in the array like:

[0, "one"]
[1, "two"]
[2, "three"]

Use this in tandem with array destructuring to resolve each entry to the appropriate variable name:

const arr = ["one", "two", "three"]
for(const [index, value] of arr.entries()) {
  console.log(index, value);
}

Babel REPL Example

More Related Contents:

  1. setState doesn’t update the state immediately
  2. Does ES6 introduce a well-defined order of enumeration for object properties?
  3. What does “this” refer to in arrow functions in ES6?
  4. Why can I change a constant object in javascript
  5. Call static methods from regular ES6 class methods
  6. ECMAScript 6 features available in Node.js 0.12
  7. ES6: Conditional & Dynamic Import Statements
  8. JS/ES6: Destructuring of undefined
  9. How to know when all Promises are Resolved in a dynamic “iterable” parameter?
  10. ES6 classes : what about instrospection?
  11. ES6 Destructuring and Module imports
  12. Can I use arrow function in constructor of a react component?
  13. What are “class fields” in JavaScript?
  14. How to destructure option argument with all default values in ES6?
  15. How do you import a javascript package from a cdn/script tag in React?
  16. What do curly braces mean in JSX (React)?
  17. ES6 promise execution order for returned values
  18. Should one use for-of or forEach when iterating through an array? [duplicate]
  19. React functional component default props vs default parameters
  20. .map() a Javascript ES6 Map?
  21. How to mock dependencies for unit tests with ES6 Modules
  22. Why aren’t methods of an object created with class bound to it in ES6?
  23. Can we set persistent default parameters which remain set until explicitly changed?
  24. How to use ES6 Fat Arrow to .filter() an array of objects
  25. Output an ES module using webpack
  26. What is the most efficient way to copy some properties from an object in JavaScript?
  27. Exporting functions with reactjs and babel
  28. object destructuring: how to use intermediate nested property
  29. Compare two Arrays with Objects and create new array with unmatched objects
  30. When is the body of a Promise constructor callback executed?

Leave a Comment