JavaScriptのforEach()でループ内に連番（シーケンス番号）を取得する方法

JavaScriptでループ処理の中に連番（シーケンス番号）を振りたい場合は、forEach()メソッドを使うのが便利です。カウンター用の変数を用意し、ループが回るたびに値をインクリメントすることで、簡単に連番を生成できます。

サンプルコード

以下は、ネストされた配列の各要素に対して連番を出力する例です。

let studentDetails = [
  {
    id: 101,
    details: [{name: 'John'}, {name: 'David'}, {name: 'Bob'}]
  },
  {
    id: 102,
    details: [{name: 'Carol'}, {name: 'David'}, {name: 'Mike'}]
  }
];

var counter = 1;
studentDetails.forEach(function(k) {
  k.details.forEach(function(f) {
    console.log(counter++);
  });
});

このコードでは、外側のforEach()で学生ごとのオブジェクトを取り出し、内側のforEach()でdetails配列の各名前データにアクセスしています。変数counterは初期値が1で、ログ出力のたびに後置インクリメント（counter++）されるため、1から順に番号が増えていきます。

プログラムの実行方法

上記のプログラムを実行するには、Node.jsを使って次のコマンドを入力します。

node fileName.js

実行結果

ここではファイル名を「demo159.js」としています。実行すると、コンソールに以下のように連番が出力されます。

PS C:\Users\Amit\JavaScript-code> node demo159.js
1
2
3
4
5
6

このように、forEach()とカウンター変数を組み合わせることで、ネストされた配列構造でも要素全体を通して正しく連番を付与できます。配列のインデックスが必要な場合は、forEach()の第2引数でインデックスを受け取る方法や、map()・entries()を活用する方法もありますので、用途に応じて使い分けるとよいでしょう。