如何使用 Array.find() 函数来编辑特定对象内的名称和年龄属性

Question

I can go with find for editing one property like in this example. But I didn't find a syntax to edit more than one property.

const arr = [
  {
    id: 101,
    name: “Jone”,
    age: 1
  },
  {
    id: 102,
    name: “Jane”,
    age: 2
  },
  {
    id: 103,
    name: “johnny”,
    age: 3
  }
];
console.log(arr);
arr.find(element => element.id == 101).name = “jimmy”
console.log(arr);

Answer 1

You can store the object that find returns and edit it as you need.

const arr = [
  {
    id: 101,
    name: 'Jone',
    age: 1
  },
  {
    id: 102,
    name: 'Jane',
    age: 2
  },
  {
    id: 103,
    name: 'johnny',
    age: 3
  }
];
console.log(arr);

// ****
const found = arr.find(element => element.id == 101)
found.name = 'jimmy'
found.age = 54
// ****

console.log(arr);

Answer 2

For example, using Object.assign

 const arr = [ { id: 101, name: 'Jone', age: 1 }, { id: 102, name: 'Jane', age: 2 }, { id: 103, name: 'johnny', age: 3 } ]; Object.assign(arr.find(el => el.id === 101), { name: "Jimmy", age: 5, }); console.log(arr);