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()参数为对象指向同一个引用地址的主要内容,如果未能解决你的问题,请参考以下文章