Using an arrow function in the forEach loop will save us time and save space in the code. The callback I have used for the forEach in this example is a simple arrow function which works really well with forEach loops because it means we don’t have to create a named function to pass in. forEach ( ( arrayItem, index, fullArray ) => )Īs you can see from this example of how to get the index in a forEach loop in JavaScript, we need to provide a callback function that accepts the index argument and then we can use it however we need. To visualize this let’s look at a JavaScript forEach index example:Ĭonst myArray = So to answer the question of how to get the index in a forEach loop in JavaScript, it is simply a case of accepting that second index argument in the callback function that gets passed into the forEach loop. The first argument of an loop will be the actual array item, the second argument will be the index, and the third argument will be the full array.

The second argument passed into the callback you provide to the forEach method will be the current index the forEach loop is at, which is how you can get the index in a forEach loop. When you use the method you need to pass in a callback, your callback should then accept a set of arguments so you can deal with each array item however you need. How to get the index in a forEach loop in JavaScript This post will cover how to get the JavaScript forEach index whenever you use it. In JavaScript we now have many ways to be able to loop/iterate through an array of items, such as for loops, while loops, for of loops, forEach, map and so on.īut, some of these methods make it a little harder to find the index when compared to a standard for loop.

For each index javascript