將新對象推送到數組會導致現有對象發生變異

Question

我試圖創建一個.forEach()其中，用於每個user在對象users的某些特性user被映射然后被推到players陣列除了海誓山盟新對象。

但是在我的嘗試中， user所有結果都堆疊到一個對象中。 如何確保每個.push()為每個user創建一個新對象

我想要的是

[
  {
    name: 'Johnny',
    id: '123456789',
    lives: 3
  },

  {
    name: 'Timmy',
    id: '987654321',
    lives: 3
  },
]

我得到什么

[
  {
    name: [ 'Johnny', 'Timmy' ],
    id: [ '123456789', '987654321' ],
    lives: 3
  }
]

代碼

let players = []
const users = {...}
                
users.forEach(user => {
   let username = user.map(user => user.username)
   let id = user.map(user => user.id)

   players.push({ name: username, id: id, lives: 3 })
})
                
console.log(players)

Answer 1

您可以通過簡單的地圖調用來完成此操作。 我想你想要更像的東西：

 const users = [ { username: 'alice', id: 123 }, { username: 'bob', id: 456 }, ] const players = users.map(user => ({ name: user.username, id: user.id, lives: 3 })) console.log(players);