JavaScript定義和初始化二維數組的三種常用方法

更新時間：2025年12月17日 09:44:09 作者：紙上筆下

這篇文章主要介紹了在 JavaScript 中定義和初始化二維數組的三種常用方法,并通過示例代碼和實際應用場景進行解釋,幫助開發(fā)者深入理解其使用技巧和注意事項,需要的朋友可以參考下

一、什么是二維數組？

二維數組是一種特殊的數據結構，它實際上是一個“數組的數組”。在 JavaScript 中，數組可以包含任意類型的元素，包括另一個數組。這樣就構成了二維甚至多維數組的結構。

二、三種定義與初始化方法

方法一：直接定義與初始化

適用于已知所有元素且數量較少的情況。

// 直接定義一個 3x2 的二維數組
var matrix = [
  ["A1", "A2"],
  ["B1", "B2"],
  ["C1", "C2"]
];

優(yōu)點：簡潔直觀，適合靜態(tài)數據。
缺點：不適合動態(tài)或大規(guī)模數據初始化。

方法二：動態(tài)初始化未知長度的二維數組

適用于需要動態(tài)設定數組維度的情況。

// 初始化一個 i x j 的二維數組，所有元素初始為空字符串
var i = 3; // 行數
var j = 2; // 列數
var dynamicArray = new Array(i);

for (var row = 0; row < i; row++) {
  dynamicArray[row] = new Array(j);
  for (var col = 0; col < j; col++) {
    dynamicArray[row][col] = ""; // 初始化每個元素
  }
}

// 后續(xù)可動態(tài)賦值
dynamicArray[1][0] = "Hello";

優(yōu)點：靈活，可動態(tài)設定大小。
缺點：需要顯式初始化每個元素。

方法三：通過數組合并生成二維數組

適用于將多個一維數組合并為二維數組的場景。

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = [7, 8, 9];

var combinedArray = [];

for (var idx = 0; idx < arr1.length; idx++) {
  combinedArray[idx] = [arr1[idx], arr2[idx], arr3[idx]];
}

console.log(combinedArray);
// 輸出: [[1,4,7], [2,5,8], [3,6,9]]

優(yōu)點：適合合并多個已有數組。
缺點：要求各數組長度一致。

三、多維數組的擴展：三維數組示例

var threeDArray = [];

for (var x = 0; x < 2; x++) {
  threeDArray[x] = [];
  for (var y = 0; y < 2; y++) {
    threeDArray[x][y] = [];
    for (var z = 0; z < 2; z++) {
      threeDArray[x][y][z] = x + y + z;
    }
  }
}

console.log(threeDArray);
// 輸出: [[[0,1],[1,2]], [[1,2],[2,3]]]