JavaScriptでの多次元配列の反復処理方法

1. ネストされたforEachループを使用する方法:

const multidimensionalArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
multidimensionalArray.forEach((innerArray) => {
  innerArray.forEach((element) => {
    console.log(element);
    // ここで各要素に対して必要な処理を行うことができます
  });
});

この方法では、外側のforEachループで多次元配列の各内部配列にアクセスし、その内部配列の要素ごとに内側のforEachループが実行されます。

2. forループを使用する方法:

const multidimensionalArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
for (let i = 0; i < multidimensionalArray.length; i++) {
  for (let j = 0; j < multidimensionalArray[i].length; j++) {
    console.log(multidimensionalArray[i][j]);
    // ここで各要素に対して必要な処理を行うことができます
  }
}

この方法では、外側のループで多次元配列の各内部配列にアクセスし、内側のループで各内部配列の要素にアクセスします。

3. Array.prototype.flat()メソッドを使用する方法（ECMAScript 2019以降）:

const multidimensionalArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
multidimensionalArray.flat().forEach((element) => {
  console.log(element);
  // ここで各要素に対して必要な処理を行うことができます
});

この方法では、flat()メソッドを使用して多次元配列を1次元の配列に変換し、その後にforEachメソッドを使用して各要素にアクセスします。

これらの方法を使用して、JavaScriptで多次元配列を効果的に反復処理することができます。必要に応じて、各要素に対して必要な処理を追加してください。