如何避免使用Array.fill()时对象参数指向同一引用地址的问题？

本文共计738个文字，预计阅读时间需要3分钟。

目录 + JS 解决 + Array.fill() 参数为对象指向同一引用地址 + 补充：JS中使用Array.fill() + 初始化 + 二维数组 + 避坑 + JS 解决 + Array.fill() 参数为对象指向同一引用地址 + 最近项目中总是想写出优雅的“

目录

• JS解决 Array.fill()参数为对象指向同一个引用地址
• 补充：JS中用Array.fill() 初始化 二维数组 避坑

JS解决 Array.fill()参数为对象指向同一个引用地址

最近写项目过程中总是想写出漂亮的代码，一行代码搞定绝不用两行，也是踩了fill这个坑了

例如一个数组中想填充一些指定的数据

Array(10).fill(1)

那么结果就会出现[1, 1, 1, 1, 1, 1, 1, 1, 1, 1] 十对应的1个

如果呢fill 这个方法接受的值是一个引用数据类型，那么他们会指向同一个地址。

let arr = Array(5).fill({}).map(it=>({})) arr[0].a = 1

输出结果：[{a:1}, {a:1}, {a:1}, {a:1}, {a:1}]

解决方案：使用map返回出不同的引用的地址，fill参数可随意填写（不为空），主要是map函数中返回的数据。