javascript - 删除重复的 ID？

Question

为什么传播没有消除项目中的重复项？

我正在使用 spread 来合并两个变量 resultA 和 resultB。 DataA和DataB中有两个重复的Id(222)，使用spread时应将其删除。为什么没有发生以及如何解决这个问题？

const DataA = [
  { Id: 111, Name: 'A'  },
  { Id: 222, Name: 'B'  },
  { Id: 333, Name: 'C'  }
]

const DataB = [
  { Id: 999, Name: 'A'  },
  { Id: 222, Name: 'B'  },
  { Id: 444, Name: 'C'  }
]

let resultA = (DataA || []).map(item => item.Id);
let resultB = (DataB || []).map(item => item.Id);

const items = [
  ...resultA,
  ...resultB,
]

const mapping = {
  Total: items.length,
  Items: items.map(item => { return { Id: item }})
}

console.log(mapping);

预期结果:

{ Total: 5,
  Items:
   [ { Id: 111 },
     { Id: 222 },
     { Id: 333 },
     { Id: 999 },
     { Id: 444 } ] 
}

Answer 1

数组上的扩展语法不会删除重复项。要获得您想要的结果，请添加一行items = [...new Set(items)] 在项目之后

const DataA = [
  { Id: 111, Name: 'A'  },
  { Id: 222, Name: 'B'  },
  { Id: 333, Name: 'C'  }
]

const DataB = [
  { Id: 999, Name: 'A'  },
  { Id: 222, Name: 'B'  },
  { Id: 444, Name: 'C'  }
]

let resultA = (DataA || []).map(item => item.Id);
let resultB = (DataB || []).map(item => item.Id);

let items = [
  ...resultA,
  ...resultB,
]

items = [...new Set(items)] // this will remove duplicates 

const mapping = {
  Total: items.length,
  Items: items.map(item => { return { Id: item }})
}

console.log(mapping);