JavaScript 中的二維陣列

Harshit Jindal 2023年1月30日 2021年3月21日
  1. JavaScript 中建立二維陣列的陣列建構函式
  2. JavaScript 中以陣列文字元號方法來建立 2D 陣列
  3. JavaScript 中的 Array.from() 方法建立二維陣列
  4. JavaScript 中建立二維陣列的 Array.prototype.map() 方法
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 ] ]
Harshit Jindal avatar Harshit Jindal avatar

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

相關文章 - JavaScript Array