JS / Vue:如果一个字段是公共的，则合并两个数组

let array1 = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}];
let array2 = [{id: 2, age: 30}, {id: 3, age: 25}];

let mergedArray = array1.concat(array2);

console.log(mergedArray);

[
  {id: 1, name: 'Alice'},
  {id: 2, name: 'Bob'},
  {id: 2, age: 30},
  {id: 3, age: 25}
]

<template>
  <div>
    <ul>
      <li v-for="item in mergedArray" :key="item.id" v-if="isUnique(item.id)">
        {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      array1: [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}],
      array2: [{id: 2, age: 30}, {id: 3, age: 25}]
    }
  },
  computed: {
    mergedArray() {
      return this.array1.concat(this.array2);
    }
  },
  methods: {
    isUnique(id) {
      let count = 0;
      for (let item of this.mergedArray) {
        if (item.id === id) {
          count++;
        }
        if (count > 1) {
          return false;
        }
      }
      return true;
    }
  }
}
</script>