避坑-js正确地使用fill()初始化二维数组

先介绍一下坑

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]发生改变了，完美解决。