快捷導(dǎo)航

JavaScript如何生成二維數(shù)組

更新時間：2023年03月24日 10:20:28 作者：shangdong2023

這篇文章主要介紹了JavaScript如何生成二維數(shù)組問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

JavaScript生成二維數(shù)組

方法一

new Array(x).fill(new Array(y).fill(0))

但注意，當(dāng)一個對象被傳遞給fill方法時，填充數(shù)組的是這個對象的引用。

即二維數(shù)組的第一個維度中的每一個數(shù)組都指向同一個引用，如果向第一個維度中的任一元素執(zhí)行push，則每一個二維中都會多一個元素。

方法二

new Array(x).fill().map(() => new Array(y).fill(0))

方法三

Array.from(new Array(x), () => new Array(y).fill(0))

測試代碼：

    const arr1 = new Array(2).fill(new Array(3).fill(0))
    // arr1: [ [ 0, 0, 0 ], [ 0, 0, 0 ] ]
    arr1[0].push(9)
    // arr1: [ [ 0, 0, 0, 9 ], [ 0, 0, 0, 9 ] ] 

    const arr2 = new Array(2).fill().map(() => new Array(3).fill(0))
    // arr2: [ [ 0, 0, 0 ], [ 0, 0, 0 ] ]
    arr2[0].push(9)
    // arr2: [ [ 0, 0, 0, 9 ], [ 0, 0, 0 ] ] 

    const arr3 = Array.from(new Array(2), () => new Array(3).fill(0))
    // arr3: [ [ 0, 0, 0 ], [ 0, 0, 0 ] ]
    arr3[0].push(9)
    // arr3: [ [ 0, 0, 0, 9 ], [ 0, 0, 0 ] ]

JS中創(chuàng)建二維數(shù)組的坑

JS中二維數(shù)組的創(chuàng)建

首先JavaScript只支持 一維數(shù)組 ，但我們可以通過一些方法實(shí)現(xiàn)矩陣以及多維數(shù)組

其中普通的創(chuàng)建方法并不會出現(xiàn)什么問題：

(1) 利用一維數(shù)組嵌套一維數(shù)組的方式創(chuàng)建二維數(shù)組：

let arr = [] ;
a[0] = [1,2,3,4,5,6];
a[1] = [10,20,30,40,50,60]

然后使用一個雙層for循環(huán) 就可以迭代這個二維數(shù)組中的元素

所以用這種方法創(chuàng)建多維數(shù)組，不管有幾個維度，都可以通過嵌套循環(huán)來遍歷

遇到問題的方法：

  let arr1= new Array(10).fill(new Array(10).fill(0))

控制臺打印arr1：

請?zhí)砑訄D片描述

這時候，若你想設(shè)置，arr[0][0] = 1，你會發(fā)現(xiàn)二維數(shù)組所有子數(shù)組的第一項都被改為1

請?zhí)砑訄D片描述

原因

請?zhí)砑訄D片描述

綜上，還是選擇老實(shí)一點(diǎn)的創(chuàng)建方法：

var a = new Array();

for(var i=0;i<5;i++){        //一維長度為5

    a[i] = new Array();

    for(var j=0;j<5;j++){    //二維長度為5

    	a[i][j] = 0;
   }

}