合并多个对象数组并根据可选属性删除重复项

Question

说如果有这样的数组：

const arr1 = [
   { "id": "1", "type": "sales" },
   { "id": "2", "type": "finance" }
]

const arr2 = [
   { "type": "sales" },
   { "id": "2", "type": "finance" }
]

const arr3 = [
   { "id": "1", "type": "sales" },
   { "type": "sales" },
   { "type": "finance" }
]

如下所示，id是可选的。我需要以这种方式合并数组，以使唯一性应基于id（如果存在），否则将基于整个对象的其余部分。 前任。在这里合并的数组将是：

[ 
  { "id": "1", "type": "sales" }, 
  { "type": "sales" }, 
  { "id": "2", "type": "finance" }, 
  { "type": "finance" } 
]

loadash具有.unionby，但可选的唯一性不起作用。

const result = _.unionBy(arr1, arr2, arr3, 'id')

可能我必须迭代每个人，但是我想知道是否有任何更简单的选择。

Answer 1

代替_。unionby您可以使用 _. unionwith 接受自定义比较器。 The logic for comparison is:

1. Compare by ID if both items have an ID.
2. 如果两个项目都不具有ID，则按类型进行比较。
3. 如果一个人没有一个ID，则认为它们与众不同。

const arr1 = [
   { "id": "1", "type": "sales" },
   { "id": "2", "type": "finance" }
]

const arr2 = [
   { "type": "sales" },
   { "id": "2", "type": "finance" }
]

const arr3 = [
   { "id": "1", "type": "sales" },
   { "type": "sales" },
   { "type": "finance" }
]

const result = _.unionWith(arr1, arr2, arr3, (item1, item2) => {
  const item1HasId = _.has(item1, "id");
  const item2HasId = _.has(item2, "id");
  
  if (item1HasId && item2HasId) //if both have ID...
    return item1.id === item2.id; // ...compare by ID
    
  if (!item1HasId && !item2HasId) //if neither has ID...
    return item1.type === item2.type; // ...compare by type
    
  return false; // otherwise not equal
});

console.log(result);

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>