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

Posted 奥特曼 

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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函数中返回的数据。

类型为数组:

  let arr = Array(5).fill([]).map(it=>[])

类型为对象:

Array(5).fill().map(it=>())

注意:对象要用 小括号包裹 否则函数会以为是函数体,默认不写return 返回undefined 。

以上是关于js 解决 Array.fill()参数为对象指向同一个引用地址的主要内容,如果未能解决你的问题,请参考以下文章

js中的this

JS进阶面试题

指向对象的JS指针[重复]

js学习总结

8 个有用的 JS 技巧

ES6的Array.from()和Array.fill()方法