避坑!js正确地使用fill()初始化二维数组_在线工具

2022年5月7日10:47:51

先介绍一下坑

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)

输出

避坑!js正确地使用fill()初始化二维数组_在线工具

 

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

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

输出

避坑!js正确地使用fill()初始化二维数组_在线工具

 

 我只想给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)

输出

避坑!js正确地使用fill()初始化二维数组_在线工具

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

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

  • 作者:怡红公子0526
  • 原文链接:https://www.cnblogs.com/hmswt/p/14385957.html
    更新时间:2022年5月7日10:47:51 ,共 571 字。