JavaScriptの多次元配列の基本と使い方を徹底解説

配列の中にさらに配列を格納したい場合に活用されるのが、多次元配列です。まずは具体的な例を見てみましょう。たとえば、平日の各日について6時間ごとの気温を記録したいとします。単純に書くと、次のようになります。

let monday = [35, 28, 29, 31];
let tuesday = [33, 24, 25, 29];
// ...

このようなケースでは、多次元配列を使うのが適しています。多次元配列とは、その名の通り「配列の配列」のことです。先ほどの例を発展させると、各行が1日を表し、行内の各要素が気温の記録を表すことになります。

let temps = [
    [35, 28, 29, 31],
    [33, 24, 25, 29]
];

配列へのアクセス方法

配列へのアクセスは連結して行うことができます。たとえば、2行目の3番目の要素を取得したい場合は、temps[1][2] と指定します。インデックスの順序は「行 → 列」の順であることに注意してください。

forループを使った反復処理

多次元配列のすべての要素を処理するには、forループを複数組み合わせます。次の例を見てみましょう。

let temps = [
    [35, 28, 29, 31],
    [33, 24, 25, 29]
];

for (let i = 0; i < 2; i++) {
    console.log("Row #" + i);
    for (let j = 0; j < 4; j++) {
        console.log(i, j, temps[i][j]);
    }
}

このコードを実行すると、次のような出力が得られます。

Row #0
0 0 35
0 1 28
0 2 29
0 3 31
Row #1
1 0 33
1 1 24
1 2 25
1 3 29

3次元以上の配列について

多次元配列は2次元だけでなく、それ以上の次元を持つことも可能です。実際には2次元で十分なケースがほとんどですが、3Dグラフィックスの操作や物理演算の計算など、3次元配列が役立つ場面もあります。用途に応じて適切な次元数を選択することが、効率的なコードを書くポイントです。