Index inside map() function

by

You will be able to get the current iteration’s index for the map method through its 2nd parameter.

Example:

const list = [ 'h', 'e', 'l', 'l', 'o'];
list.map((currElement, index) => {
  console.log("The current iteration is: " + index);
  console.log("The current element is: " + currElement);
  console.log("\n");
  return currElement; //equivalent to list[index]
});

Output:

The current iteration is: 0 <br>The current element is: h

The current iteration is: 1 <br>The current element is: e

The current iteration is: 2 <br>The current element is: l

The current iteration is: 3 <br>The current element is: l 

The current iteration is: 4 <br>The current element is: o

See also: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Parameters

callback –
Function that produces an element of the new Array, taking three arguments:

1) currentValue
The current element being processed in the array.

2) index
The index of the current element being processed in the array.

3) array
The array map was called upon.

More Related Contents:

  1. Why is immutability so important (or needed) in JavaScript?
  2. What is ‘Currying’?
  3. Javascript equivalent of Python’s zip function
  4. How do I replace while loops with a functional programming alternative without tail call optimization?
  5. How to call reduce on an array of objects to sum their properties?
  6. How to use underscore.js as a template engine?
  7. Uncaught TypeError: Illegal invocation in JavaScript
  8. How to avoid long nesting of asynchronous functions in Node.js
  9. How do pipes and monads work together in JavaScript?
  10. How to adapt trampolines to Continuation Passing Style?
  11. Is performing a mapping operation without using returned value an antipattern?
  12. Merge two arrays with alternating values
  13. RxJS Promise Composition (passing data)
  14. Are any JavaScript engines tail call (TCO) optimized?
  15. How to chain map and filter functions in the correct order
  16. How can I pre-set arguments in JavaScript function call? (Partial Function Application)
  17. Why are Promises Monads?
  18. Difference between declarative and imperative in React.js?
  19. What is context in _.each(list, iterator, [context])?
  20. Why no Array.prototype.flatMap in javascript?
  21. Removing elements with Array.map in JavaScript
  22. how to set displayName in a functional component [React]
  23. Functional approach to basic array construction
  24. Get a function’s arity
  25. Split JavaScript array in chunks using Lodash
  26. Currying a function that takes infinite arguments
  27. functional way to iterate over range (ES6/7) [duplicate]
  28. How to use Math.max, etc. as higher-order functions
  29. How do I make a callable JS object with an arbitrary prototype? [duplicate]
  30. Explain bindbind() function

Leave a Comment