在對象數組中，如何更新（不僅僅是查找）屬性 X 等於 Y 的對象？

Question

我的對象數組包含不同類型的對象，這意味着它們可以具有非常不同的屬性。 然而，它們都共享一個id屬性。

當我的應用程序的用戶想要更新這些對象之一時，我需要根據id在數組中找到該對象並更新其所有屬性，可能使用Object.assign() 。

我知道如何根據id查找和返回我想要的對象，但也不知道如何更新它。 任何的想法？

let myArray = [
  {
    id: 1,
    name: 'john',
    age: '22',
    position: 'developer'
  },
  {
    id: 2,
    name: 'james',
    age: '31',
    position: 'designer'
  },
  {
    id: 1,
    name: 'david',
    age: '45',
    position: 'teacher'
  }
]

let updateForJames = {
    age: '38',
    position: 'project manager'
}

let JamesId = 2

Object.assign(myArray, {
    // ...
})

JSFiddle

Answer 1

如果您對就地更改數組感到滿意，則可以使用.find()查找具有給定 id 的對象，然后使用Object.assing()更新該對象，如下所示：

 const myArray = [{ id: 1, name: 'john', age: '22', position: 'developer' }, { id: 2, name: 'james', age: '31', position: 'designer' }, { id: 1, name: 'david', age: '45', position: 'teacher' }]; const updateForJames = { age: '38', position: 'project manager' } const JamesId = 2; const jamesobj = myArray.find(({id}) => id === JamesId) || {}; Object.assign(jamesobj, updateForJames); console.log(myArray);

或者，如果您想獲得一個新數組（而不是就地修改它），您可以將每個對象.map()到一個新對象，並在updateForJames的 id 出現時使用 spread 語法在updateForJames添加新內容：

 const myArray = [{ id: 1, name: 'john', age: '22', position: 'developer' }, { id: 2, name: 'james', age: '31', position: 'designer' }, { id: 1, name: 'david', age: '45', position: 'teacher' }]; const updateForJames = { age: '38', position: 'project manager' } const JamesId = 2; const new_array = myArray.map( ({id, ...r}) => id === JamesId ? {id, ...r, ...updateForJames} : {id, ...r} ); console.log(new_array);