JavaScriptでの多次元配列

配列の要素は、文字列や数字だけでなく、配列自体も可能です。この場合、 配列の配列、つまり多次元配列が得られます。

次の例では、配列arrは3つの要素から構成されていますが、 それらの要素自体も配列です：

javascriptlet arr = [['a', 'b', 'c'], ['d', 'e', 'f'], ['g', 'h', 'i']];

より分かりやすく書き直してみましょう：

javascriptlet arr = [
  ['a', 'b', 'c'],
  ['d', 'e', 'f'],
  ['g', 'h', 'i'],
];

入れ子のレベルによって、配列は2次元（配列の配列）、 3次元（配列の配列の配列）、 （さらに4次元、5次元など）とすることができます。

上記の配列は2次元です。なぜなら、1つの配列内に 他のサブ配列が配置されていて、それらのサブ配列内には 他の配列が含まれていないからです。

2次元配列から任意の要素を取得するには、 角括弧を1組ではなく2組記述する必要があります：

javascriptlet arr = [
  ['a', 'b', 'c'],
  ['d', 'e', 'f'],
  ['g', 'h', 'i'],
];

console.log(arr[0][1]); // 'b' を出力
console.log(arr[1][2]); // 'f' を出力

javascriptlet arr = [
  ['a', 'b', 'c'],
  ['d', 'e', 'f'],
  ['g', 'h', 'i'],
  ['j', 'k', 'l'],
];

javascriptlet arr = [[1, 2], [3, 4], [5, 6]];