项目中用到了二维数组, 遇到了一些问题, 记录一下:
- 使用
Array(10)创建的数组是一个只有长度的数组, 数组中是empty, 不可循环遍历
想要遍历就需要数组中包含可遍历元素
于是填充数组用到了Array(10).fill(undefined)方法 fill文档
得到一个长度为10, 且每个元素都是undefined的数组
- fill() 方法进行填充时, 如果传入引用类型, 则数组中所有元素指向 同一个对象
const arr1= [1, 2]
const arr = new Array(2).fill(arr1)
arr[0][0] = 0
console.log(arr)
// 预期 [[0, 2], [1, 2]]
// 实际 [[0, 2], [0, 2]]
这样在我们操作二维数组的值的时候数据就会混乱
当我们想创建一个指定的二维数组时可以这么写
new Array.fill(undefined).map(()=> new Array(10).fill(undefined) )
上面代码利用
map循环、返回新数组的特性创建了一个10*10的二维数组, 保证内部数组内存指向干净
没有深究更简单的方法, 如有请告知, 谢谢
