温馨提示:本文翻译自stackoverflow.com,查看原文请点击:ecmascript 6 - How to remove duplicates by key-value in javascript object list?
ecmascript-6 javascript

ecmascript 6 - 如何在JavaScript对象列表中按键值删除重复项?

发布于 2020-03-31 23:38:38

考虑以下数组:

[
  { url: "https://url.com/file1", md5: "fbbbabcc19264ce7b376ce4c726b9b85" },
  { url: "https://url.com/file2", md5: "d920d140432b961f07695ec34bd2a8ad" },
  { url: "https://url.com/file3", md5: "fbbbabcc19264ce7b376ce4c726b9b85" },
  { url: "https://url.com/file4", md5: "bf80655dbe90123324f88a778efa39f7" },
  { url: "https://url.com/file5", md5: "fbbbabcc19264ce7b376ce4c726b9b85" }
];

文件“ file1”,“ file3”和“ file5”具有相同的内容,因此具有相同的md5。我只想保留具有不同md5(文件1,文件2,文件4)的文件。

现代ES6有哪些可能的方法来实现这一目标?

查看更多

提问者
Latz
被浏览
40
Cygra 2020-01-31 19:51

您可以reduce用来解决问题:

const list = [
    { url: 'https://url.com/file1', md5: 'fbbbabcc19264ce7b376ce4c726b9b85' },
    { url: 'https://url.com/file2', md5: 'd920d140432b961f07695ec34bd2a8ad' },
    { url: 'https://url.com/file3', md5: 'fbbbabcc19264ce7b376ce4c726b9b85' },
    { url: 'https://url.com/file4', md5: 'bf80655dbe90123324f88a778efa39f7' },
    { url: 'https://url.com/file5', md5: 'fbbbabcc19264ce7b376ce4c726b9b85' },
];

const removeDup = (arr, key) => {
    return arr.reduce((acc, cur) => {
        if (acc.some(a => a[key] === cur[key])) return acc;
        return acc.concat(cur)
    }, [])
};

console.log(removeDup(list, 'md5'))