JavaScript の 2 次元配列
Harshit Jindal
2023年10月12日
- 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 ] ]
著者： 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