TS对象数组关于某个属性去重函数

1.需求重现

// 这种类型的数组
const arr1 = [1,2,3]
const arr2 = [3,4,5]
// 只需要
console.log(Array.from(new Set([...list1,...list2]))) // [1, 2, 3, 4, 5]

// 但是对于这种数组
const arr1 = [{ id: 1,name: "zhangsan" }, { id: 2,name: "lisi" }, { id: 3,name: "wangwu" }];
const arr2 = [{ id: 3,name: "wangwu" }, { id: 4,name: "zhaosi" }, { id: 5,name: "wangmazi" }];
// 就不行
console.log(Array.from(new Set([...arr1,...arr2]))) 
// 0: {id: 1, name: 'zhangsan'}
// 1: {id: 2, name: 'lisi'}
// 2: {id: 3, name: 'wangwu'}
// 3: {id: 3, name: 'wangwu'}
// 4: {id: 4, name: 'zhaosi'}
// 5: {id: 5, name: 'wangmazi'}

2.去重函数

function mergeArray<T extends {[property:string]: unknown}>(arr1:T[], arr2:T[],property:string) {
  // 克隆
  const cloneArr1 = arr1.slice(0);
  let v:T;
  for (let i = 0; i < arr2.length; i++) {
    v = arr2[i];
    // 能找到相同 property 属性值的数据则进入判断
    if (~cloneArr1.findIndex((el) => el[property] === v[property])) {
      continue;
    }
    cloneArr1.push(v);
  }
  return cloneArr1;
}
console.log(mergeArray(arr1, arr2,"name"));
// 0: {id: 1, name: 'zhangsan'}
// 1: {id: 2, name: 'lisi'}
// 2: {id: 3, name: 'wangwu'}
// 3: {id: 4, name: 'zhaosi'}
// 4: {id: 5, name: 'wangmazi'}