JavaScript の 2 次元配列
Harshit Jindal
2023年10月12日
JavaScript
JavaScript Array
- JavaScript で 2D 配列を作成するための配列コンストラクター
- JavaScript で 2D 配列を作成するための配列リテラル記法
-
JavaScript で 2D 配列を作成するための
Array.from()
メソッド -
JavaScript で 2D 配列を作成するための
Array.prototype.map()
メソッド

このチュートリアルでは、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 ] ]
チュートリアルを楽しんでいますか? <a href="https://www.youtube.com/@delftstack/?sub_confirmation=1" style="color: #a94442; font-weight: bold; text-decoration: underline;">DelftStackをチャンネル登録</a> して、高品質な動画ガイドをさらに制作するためのサポートをお願いします。 Subscribe
著者: Harshit Jindal
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn