【javascript】fill()的坑

今天在开发过程中用到数组填充函数fill()

 

//创建一个5X5的二维矩阵，全部填充1
let array = new Array(5).fill(new Array(5).fill(1))
//此时改变[4,2]所在位置值为0
array[4][2] = 0
console.log(array)
/** 
每一行第二个值都变成了0
[[1,1,0,1,1],[1,1,0,1,1],[1,1,0,1,1],[1,1,0,1,1],[1,1,0,1,1]]
**/

 

说明通过fill()生成的子元素都是指向同一个内存地址，如果不想出现这种情况

//通过使用map()进行添加
let array = new Array(5).fill(1).map(()=> new Array(5).fill(1))