JavaScript怎么生成二維數(shù)組

今天小編給大家分享一下JavaScript怎么生成二維數(shù)組的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

JavaScript生成二維數(shù)組

方法一 

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

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

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

方法二

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

方法三

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

測(cè)試代碼：

    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)建方法并不會(huì)出現(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]

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

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

遇到問題的方法：

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

控制臺(tái)打印arr1：

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

原因

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

var a = new Array();

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

    a[i] = new Array();

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

    	a[i][j] = 0;
   }

}

以上就是“JavaScript怎么生成二維數(shù)組”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。