其他分享
首页 > 其他分享> > js创建二维数组

js创建二维数组

作者:互联网

js 创建二维数组的方法:

方法一:

直接设置

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

方法二:

 fill + 一个 for 循环

let arr= new Array(10).fill(0)
for(let i=0;i<arr.length;i++){
    arr6[i]=new Array(5).fill(1)
}

两个 for 循环

var arr = new Array();
for(var i=0;i<5;i++){        //一维长度为5
    arr[i] = new Array();
    for(var j=0;j<5;j++){    //二维长度为5
        arr[i][j] = 0;
   }
}

方法三:

Array.from + fill

const arr = Array.from(Array(2), () => new Array(4).fill(1));

fill + map

const arr = Array(3).fill(0).map(x => Array(3).fill(0))

 

注意:

使用非for循环直接使用fill 创建二维数组,必须先给一维数组赋初始值,且为基本类型,再赋二维数组,如果直接给 fill 赋值为由一个数组,会导致创建的二维数组不同行之间的同一列指向同一片数据,一改全改。

原因在 fill 官方文档里找到一句话:当一个对象被传递给 fill 方法的时候,填充数组的是这个对象的引用。

如:

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

执行:

arr[0][0]=1

 

 

参考链接:https://www.jb51.net/article/229469.htm

https://www.cnblogs.com/ZhYQ-Note/articles/15878939.html

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/fill

https://zhuanlan.zhihu.com/p/435742453

标签:arr,js,二维,let,数组,new,Array,fill
来源: https://www.cnblogs.com/beileixinqing/p/16645080.html