首页 > 解决方案 > 如何创建单个对象的数组Javascript

问题描述

他们都指向同一个对象“bestGamer”我不希望他们这样做,我希望数组中的每个单元格都是一个单独的对象,在他们的道具中具有不同的值。

我想做静态的,因为稍后我想传递一个数组,我不推入运行时不同的值

const bestGamer = {
        "name" : "",
        "points" : 0    
}
arr2 = new Array(2).fill(bestGamer)
console.log("First:",arr2[0])
console.log("Second:",arr2[1]);    
arr2[0].name ="Yossi"
arr2[0].points++
arr2[1].name ="Dima"
arr2[1].points++
console.log("First:",arr2[0]);
console.log("Second:",arr2[1]);
console.log("Orignal Object",bestGamer);

在此处输入图像描述

标签: javascriptarraysobjectarr

解决方案


您需要在将其放入 newArray 时创建一个副本,在所有索引上fill(bestGamer)放置相同的位置bestGamer,这样您最终在所有索引上都有相同的引用

let bestGamer = { a: 1,  b: 2 }
let newArr = new Array(2).fill(0).map(v=> ({...bestGamer}))

newArr[0].a = 10
console.log(newArr)


您可以使用 Array.from 而不是 new Array

let bestGamer = { a: 1,  b: 2 }
let newArr = Array.from({length:2}, () => ({...bestGamer}) )

newArr[0].a = 10
console.log(newArr)


推荐阅读