HOWTO · JavaScript

JavaScript の 2 次元配列

このチュートリアルでは、JavaScript で 2 次元の配列を宣言する方法を紹介します。

このページの内容

このチュートリアルでは、JavaScript で 2 次元配列を宣言する方法を紹介します。2 次元配列では、アイテムは行と列の形式のマトリックスとして編成されます。これは、要素が 1 次元配列である配列のようなものです。

JavaScript で 2D 配列を作成するための配列コンストラクター

配列コンストラクターを使用して、指定された長さの空の配列を作成します。次に、for ループを使用して、各要素の配列を作成できます。

const m = 4;
const n = 5;

let arr = new Array(m);

for (var i = 0; i < m; i++) {
  arr[i] = new Array(n);
}

console.log(arr);

出力:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

JavaScript で 2D 配列を作成するための配列リテラル記法

リテラル表記法を使用して、JavaScript で 2D 配列を作成できます。

const m = 4;
const n = 5;
let arr = [];

for (var i = 0; i < m; i++) {
  arr[i] = [];
}

console.log(arr);

出力:

Array [ [], [], [], [] ]

JavaScript で 2D 配列を作成するための Array.from() メソッド

Array.from() メソッドは、JavaScript オブジェクトから配列オブジェクトを返します。

const m = 4;
const n = 5;

let arr = Array.from(Array(m), () => new Array(n));

console.log(arr);

出力:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

JavaScript で 2D 配列を作成するための Array.prototype.map() メソッド

Array.map() メソッドは、配列要素を空の配列にマッピングすることにより、2D 配列を作成するのにも役立ちます。

const m = 4;
const n = 5;
let arr = Array(m).fill().map(() => Array(n));
console.log(arr);

出力:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]