有条件地从对象数组中删除重复项

Question

我有一组对象，它们具有共同的“标签”属性。 但其中一些具有其他人没有的特性：

const array = [
    {
        label: 'thing',
        type: 'reg',
    },
    {
        label: 'thing',
        type: 'ville',
        id: 1,
    },
    {
        label: 'another_thing',
        type: 'ville',
        id: 2,
    },
    {
        label: 'something',
        type: 'dpt',
    }
];

我希望删除此数组中的重复项（具有相同“标签”值的对象）并仅保留那些具有“id”属性的对象。 我试图用 _.uniqBy 来做，但它需要重复对象的第一次出现并且不考虑 id 属性。

所以我的最终数组应该看起来像，因为具有相同“标签”值但没有 id 属性的重复项已被删除：

const array = [
    {
        label: 'thing',
        type: 'ville',
        id: 1,
    },
    {
        label: 'another_thing',
        type: 'ville',
        id: 2,
    },
    {
        label: 'something',
        type: 'dpt',
    }
];

Answer 1

将数组缩减为Map 。 如果项目有id或label在 Map 中不存在，则将其添加到 Map。 使用Array.from()将 Map 的.values()迭代器转换为数组：

 const array = [{"label":"thing","type":"reg"},{"label":"thing","type":"ville","id":1},{"label":"something","type":"dpt"}]; const result = Array.from( // convert the Map's iterator to an array array.reduce((r, o) => 'id' in o || !r.has(o.label) ? // if the item has an id or it doesn't exist in the Map r.set(o.label, o) // add it to the Map and return the Map : r // just return the Map , new Map() ).values()); // convert to an iterator console.log(result);

Answer 2

您可以使用映射按键存储项目，并使用过滤器功能确定项目是否有资格被覆盖。

 const array = [ { label: 'thing', type: 'reg' }, { label: 'thing', type: 'ville', id: 1 }, { label: 'something', type: 'dpt' } ]; const filterUnique = (list, key, filterFn) => [ ...list.reduce((result, item) => { if (!result.has(item[key]) || filterFn(item)) { result.set(item[key], item); } return result; }, new Map()).values() ]; console.log(filterUnique(array, 'label', item => item.id));

 .as-console-wrapper { top: 0; max-height: 100% !important; }

Answer 3

我们可以使用Array.reduce和Object.values Array.reduce实现

 const array = [{label:'thing',type:'reg'},{label:'thing',type:'ville',id:1},{label:'another_thing',type:'ville',id:2},{label:'something',type:'dpt'}]; const filterData = (data) => { const finalResult = data.reduce((res, obj) => { //Check if the object is already present in the `res` object with key as `obj.label` //If not found, add the obj to result if(!res[obj.label]) { res[obj.label] = obj; } else if(obj.hasOwnProperty("id")) { //If found, check the new obj has property `id`, if available then override //result object with key as `obj.label` with new object res[obj.label] = obj } return res; }, {}) //Return the values of the finalResult object return Object.values(finalResult); } console.log(filterData(array))

 .as-console-wrapper { max-height: 100% !important; }