快捷導(dǎo)航

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

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

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

一、什么是二維數(shù)組？

二維數(shù)組是一種特殊的數(shù)據(jù)結(jié)構(gòu)，它實(shí)際上是一個(gè)“數(shù)組的數(shù)組”。在 JavaScript 中，數(shù)組可以包含任意類型的元素，包括另一個(gè)數(shù)組。這樣就構(gòu)成了二維甚至多維數(shù)組的結(jié)構(gòu)。

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

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

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

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

優(yōu)點(diǎn)：簡潔直觀，適合靜態(tài)數(shù)據(jù)。
缺點(diǎn)：不適合動(dòng)態(tài)或大規(guī)模數(shù)據(jù)初始化。

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

適用于需要?jiǎng)討B(tài)設(shè)定數(shù)組維度的情況。

// 初始化一個(gè) i x j 的二維數(shù)組，所有元素初始為空字符串
var i = 3; // 行數(shù)
var j = 2; // 列數(shù)
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] = ""; // 初始化每個(gè)元素
  }
}

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

優(yōu)點(diǎn)：靈活，可動(dòng)態(tài)設(shè)定大小。
缺點(diǎn)：需要顯式初始化每個(gè)元素。

方法三：通過數(shù)組合并生成二維數(shù)組

適用于將多個(gè)一維數(shù)組合并為二維數(shù)組的場景。

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)點(diǎn)：適合合并多個(gè)已有數(shù)組。
缺點(diǎn)：要求各數(shù)組長度一致。

三、多維數(shù)組的擴(kuò)展：三維數(shù)組示例

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]]]