HOWTO · JavaScript

JavaScript 中的二維陣列

本教程介紹瞭如何在 JavaScript 中形成二維陣列。

本教程介紹瞭如何在 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 ] ]