JavaScript 中的二維陣列
Harshit Jindal
2023年1月30日
2021年3月21日
- JavaScript 中建立二維陣列的陣列建構函式
- JavaScript 中以陣列文字元號方法來建立 2D 陣列
-
JavaScript 中的
Array.from()方法建立二維陣列 -
JavaScript 中建立二維陣列的
Array.prototype.map()方法
本教程介紹瞭如何在 JavaScript 中宣告一個二維陣列。在二維陣列中，元素以行和列的形式組織成矩陣。它就像一個陣列，其元素是一維陣列。
JavaScript 中建立二維陣列的陣列建構函式
我們使用陣列建構函式建立給定長度的空陣列。然後，我們可以使用 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 中的文字元號方法來建立二維陣列。
const m = 4;
const n = 5;
let arr = [];
for (var i = 0; i < m; i++) {
arr[i] = [];
}
console.log(arr);
輸出：
Array [ [], [], [], [] ]
JavaScript 中的 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 中建立二維陣列的 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 ] ]
Author: 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