jsfill函数填充数组或对象的问题

js 的数组有一个 fill 方法&＃xff0c;可以给数组填充数据&＃xff0c;这个方法有三个参数&＃xff0c;从左到右依次为 要填充的数据&＃xff0c;填充的起始位置&＃xff08;默认为0&＃xff09;&＃xff0c;停止填充的位置&＃xff08;默认是数组的长度&＃xff09;&＃xff0c;这个方法不改变原数组&＃xff0c;如下&＃xff1a;

let arr &＃61; [0,0,0,0,0]
let res &＃61; arr.fill(1,1,2)
console.log(res) // [0, 1, 0, 0, 0]
let oneParam &＃61; arr.fill(1)
console.log(oneParam) // [1,1,1,1,1]
console.log(arr) // [0,0,0,0,0]


问题&＃xff1a; 有一次&＃xff0c;我根据这个方法想要初始化一个二维数组&＃xff0c;如下&＃xff1a;

let arr &＃61; new Array(5).fill([])


我本来是想创建一个长度为5的数组&＃xff0c;数组的每一项都是一个空数组&＃xff0c;但是我遇到了一个问题&＃xff0c;就是这个数组里面的5个数组其实指向的都是一个数组&＃xff0c;即fill函数应该是直接我把传递的参数 [] 进行了赋值&＃xff0c;所以我给其中一个数组赋值是&＃xff0c;发现所有的数组都有值了&＃xff0c;所以想要进行二维数组的初始化&＃xff0c;不能这么做&＃xff1b;

解决方法&＃xff1a; 为了解决这个问题&＃xff0c;想到了另外一个方法,就是使用map方法&＃xff0c;如下&＃xff1a;

let arr &＃61; new Array(5).fill(0).map(item&＃61;>[])


这里先创建一个长度为5&＃xff0c;全为0的数组&＃xff0c;然后map这个数组&＃xff0c;返回一个空数组&＃xff0c;此时每个数组就都不一样了&＃xff0c;注意&＃xff1a;这个fill(0)也是必要的&＃xff0c;因为全为空的数组不会执行map函数