比较两个值相同的对象数组，并在Vue.js2中更改/添加一个数组的属性到另一个数组

// Vue组件中的方法
methods: {
  updateArrayProperties() {
    // 假设array1和array2已经在data中定义
    this.array1 = this.array1.map(item1 => {
      // 在array2中查找与item1具有相同id的对象
      const item2 = this.array2.find(item => item.id === item1.id);
      if (item2) {
        // 如果找到了，合并属性，这里假设我们想要添加或更新一个名为'newProp'的属性
        return { ...item1, newProp: item2.newProp };
      }
      // 如果没有找到，返回原始对象
      return item1;
    });
  }
}

methods: {
  updateArrayProperties() {
    this.array1 = this.array1.map(item1 => {
      const item2 = this.array2.find(item => item.id === item1.id);
      if (item2) {
        // 使用Vue.set来确保新属性是响应式的
        this.$set(item1, 'newProp', item2.newProp);
      }
      return item1;
    });
  }
}

methods: {
  updateArrayProperties() {
    this.array1 = this.array1.map(item1 => {
      const item2 = this.array2.find(item => item.id === item1.id);
      if (item2) {
        // 重新赋值整个对象
        return { ...item1, newProp: item2.newProp };
      }
      return item1;
    });
  }
}

data() {
  return {
    array1: [],
    array2: []
  };
}