首页 > 技术文章 > 避坑!js正确地使用fill()初始化二维数组

hmswt 2021-02-07 17:20 原文

先介绍一下坑

fill()方法都知道,填充数组

比如:
let a = new Array(5).fill(0);
console.log(a); // 输出结果为[0, 0, 0, 0, 0]

当我们想使用fill创建一个二维数组时

let arr=new Array(5).fill(new Array(5).fill(0))
console.log(arr)

输出

 

 看似没有什么问题,当我给某个元素重新赋值

arr[1][1]=1
console.log(arr)

输出

 

 我只想给arr[1][1]赋值,但是每一个第一维数组的下标为1的元素的值全部改变了,这不是我们想要的。

原因

fill()的参数不是基本类型时,比如数组、对象,并不是将它的值填充到数组,而是将它的地址填充到数组,所以填充后数组的每一项都指向的是同一个对象,就会出现"牵一发而动全身"的现象。

解决方法

1.老老实实的遍历,不聊

2.使用map()给每个第一维的数组分别赋值,不懂map()点这里

let arr=new Array(5).fill(0).map(item=>new Array(5).fill(0))
arr[1][1]=1
console.log(arr)

输出

这样就只有arr[1][1]发生改变了,完美解决。

 原文链接:https://www.cnblogs.com/hmswt/p/14385957.html

推荐阅读