new Array().fill({})的坑

雪狼之夜

于 2023-02-20 23:20:48 发布

阅读量266

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript

59 篇文章

订阅专栏

文章通过示例展示了在JavaScript中使用`Array.fill`创建数组时，所有元素共享同一对象引用的问题，以及如何通过独立创建对象来避免这种问题。正确的做法是在循环内部先初始化对象，确保每个数组元素指向不同的对象实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景如下

var arr= new Array(2).fill({})
for(var i=0;i<2;i++){
    arr[i]["a"+i]=i
}
console.log(arr)

输出结果是

[
    {"a0":0,"a1":1},
    {"a0":0,"a1":1}
]

变成是arr[0]和arr[1]都指向了一个对象{}；

正确做法是

var arr= new Array(2)
for(var i=0;i<2;i++){
    arr[i]={}//先定义，到单独出来一行大家看着明显点
    arr[i]["a"+i]=i
}
console.log(arr)

结果是

[
    {"a0":0},
    {"a1":1}
]