腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語(yǔ)言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫(kù)

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國(guó)CMS WordPress

常用工具

PHP開(kāi)發(fā)工具 python Photoshop 必備軟件

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

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

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

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ù)組 ，但我們可以通過(guò)一些方法實(shí)現(xiàn)矩陣以及多維數(shù)組

其中普通的創(chuàng)建方法并不會(huì)出現(xiàn)什么問(wè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è)維度，都可以通過(guò)嵌套循環(huán)來(lái)遍歷

遇到問(wèn)題的方法：

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

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

請(qǐng)?zhí)砑訄D片描述

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

請(qǐng)?zhí)砑訄D片描述

原因

請(qǐng)?zhí)砑訄D片描述

綜上，還是選擇老實(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;
   }

}