JavaScript の map() メソッド、forEach()メソッドにおいて対象配列のインデックスを取得したい場合は第二引数を指定する

こんにちは、ndj です。
JavaScript の map()メソッド、forEach()メソッドを使用する際に対象配列のインデックスを取得する方法を忘れていたので、メモです。

第二引数を指定すればOK

map() に渡す callback関数の第二引数を指定すればインデックスを取得することができます。
forEach() の場合も同様です。

sample.js

arr = ['a', 'b', 'c'];

arrMap = arr.map((val, i) => `val: ${val}, index: ${i}`);
console.log(arrMap);
// result: [ 'val: a, index: 0', 'val: b, index: 1', 'val: c, index: 2' ]

arr.forEach((val, i) => console.log(`val: ${val}, index: ${i}`));
// result: val: a, index: 0
//         val: b, index: 1
//         val: c, index: 2

最後に

忘れないようにメモしておきます。
誤字脱字、アドバイスや記事の誤りなどありましたらコメントいただけますと幸いです。

参考

MDN web docs: Array.prototype.map()
MDN web docs: Array.prototype.forEach()