javascript - 如何创建单个对象 Javascript 的数组

Question

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

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

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);

Answer 1

你需要在将它放入 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)