使用其他数组 JavaScript 更新对象数组

当我们使用JavaScript编写程序时，经常需要更新对象数组的数据。使用其他数组的数据更新对象数组就是一种经常用到的技术，下面我将介绍如何在JavaScript使用其他数组更新对象数组。

更新对象数组

首先，我们需要定义一个对象数组。在本例中，我们定义一个包含一些人的信息的数组。用一个标准的对象来表示每个人：

let people = [
  { name: "John", age: 32 },
  { name: "Jane", age: 28 },
  { name: "Peter", age: 45 },
  { name: "Steven", age: 19 },
  { name: "Mary", age: 36 }
];

使用其他数组更新对象数组

我们还需要定义一个更新人信息的数组。在下面的例子中，我们定义另一个数组，其中包含需要更新的每个人的监听器数据：

let peopleUpdate = [
  { name: "Jane", age: 29 },
  { name: "Peter", age: 44 },
  { name: "Mary", age: 37 }
];

当我们有新的数据要使用时，我们可以使用Array.prototype.forEach()来遍历我们要更新的人员数组。然后，我们可以使用Array.prototype.findIndex()来查找有关特定人员的信息。最后，我们使用Object.assign()将新的信息合并到现有的对象中。

peopleUpdate.forEach(updatedInfo => {
    let index = people.findIndex(person => person.name === updatedInfo.name);

    if (index === -1) {
        // 如果没有找到对应的人员，返回一个新的数组
        people = [...people, updatedInfo]
    } else {
        // 如果找到对应的人员，将新的信息合并到现有的对象中
        people[index] = Object.assign(people[index], updatedInfo);
    }
});

console.log(people);

上面的代码将输出更新后的 people 数组。

结论

使用其他数组 JavaScript 更新对象数组是一项容易学习的技术。通过使用遍历和查找方法，我们可以更新对象数组中的特定对象，并将新的信息合并到现有对象中。