【Javascript】 多次元配列 – プログラミング入門

多次元配列とは

今までの配列は、1次元の配列です。

多次元配列では、次のようなイメージで配列の中に配列を入れます。

多次元配列の扱い

宣言と要素の取得

多次元配列は、このように作成と取得をします。

let x = [[11, 12, 13], [21, 22, 23], [31, 32, 33]];

// 改行した場合
let y = [
    [11, 12, 13],
    [21, 22, 23],
    [31, 32, 33]
];

console.log(x[0]);
console.log(x[1][2]);

[ 11, 12, 13 ]
23

x[0]には[11, 12, 13]という要素が入っています。これは配列ですね。

x[1][2]は、x[1]の要素である[21, 22, 23]から、2番のインデックスを指定して23を取得しています。

配列の中に配列なら2次元、その中に更に配列があれば3次元配列です。ただ、3次元まで来ると慣れている人でもコードの解読に時間がかかったりするので、基本的には2次元までに抑えましょう。

ここで、多次元配列は要素数が揃っている必要性はありません。

let x = [[1], [3, 4], [7, 8, 9]]

のように、要素数がバラバラでも大丈夫です。

代入

配列のときと同様に、要素を指定して代入します。

let x = [[100, 200, 300], [22, 33, 44], [90, 80, 70]];

x[0][1] = 999;
x[1] = [9, 8, 7];
x[2] = 5;

console.log(x);

[ [ 100, 999, 300 ], [ 9, 8, 7 ], 5 ]

x[2]に至っては、もとは配列だった部分に普通の整数を代入していますが、Javascriptの場合は問題ありません。しかし、混乱のもとになるので極力避けましょう。

for文で処理

ここで、配列はfor文と相性が良いのですが、多次元配列ではそのfor文を重ねることで処理しやすくなります。

let x = [[11, 12, 13], [21, 22, 23], [31, 32, 33]];

for (let i = 0; i < x.length; i++) {
    for (let j = 0; j < x[i].length; j++) { // x[i].lengthとすることで、内側の要素数がバラバラでも対処できるようにしている
        console.log(x[i][j]);
    }
}

11
12
13
21
22
23
31
32
33

このように、forを重ねることで、ループの中でループしています。

まとめ

多次元配列は、配列の要素として配列を入れたものです。非常に重要なデータ構造で、for文を重ねた書き方と合わせる用法は頻出するので、しっかり構造や処理を理解しましょう。

この内容の理解度チェックはこちら

【Javascript】 多次元配列 理解度チェック

この内容のテキストはこちら 問1 基本 `[11, 22, 33]`と`[100, 200, 300]`を配列の要素として入れ、`300`を取得…