如何提取两个对象数组的所有不同项？

2023-12-22 13:31:58

从两个对象数组中提取所有不同项

前言

在数据处理和分析中，经常需要从多个数据源中提取不同或唯一的数据项。对于对象数组，这意味着找出两个或多个数组中不存在于其他数组中的元素。这在比较不同数据集、查找冲突或执行数据清洗时非常有用。

使用 `Array.filter()` 方法

Array.filter() 方法是一个强大的工具，可用于筛选数组中的元素，只保留满足特定条件的元素。我们可以利用此方法从两个对象数组中提取不同的项。

const array1 = [{name: 'John', age: 20}, {name: 'Mary', age: 30}];
const array2 = [{name: 'John', age: 25}, {name: 'Bob', age: 40}];

const uniqueItems = array1.filter(item => {
  return !array2.some(otherItem => item.name === otherItem.name && item.age === otherItem.age);
});

console.log(uniqueItems); // [{name: 'Mary', age: 30}]

在此示例中：

array1 和 array2 是两个对象数组。
filter() 方法用于遍历 array1 中的每个项目。
内部函数检查是否存在一个 otherItem 在 array2 中与当前 item 具有相同的名称和年龄。
如果不存在这样的 otherItem，则将 item 添加到 uniqueItems 数组中。

使用 `Array.reduce()` 方法

Array.reduce() 方法可以将数组中的元素聚合为单个值。我们可以使用此方法从两个对象数组中提取不同的项。

const array1 = [{name: 'John', age: 20}, {name: 'Mary', age: 30}];
const array2 = [{name: 'John', age: 25}, {name: 'Bob', age: 40}];

const uniqueItems = array1.reduce((acc, item) => {
  if (!array2.some(otherItem => item.name === otherItem.name && item.age === otherItem.age)) {
    acc.push(item);
  }

  return acc;
}, []);

console.log(uniqueItems); // [{name: 'Mary', age: 30}]

在此示例中：

reduce() 方法用于遍历 array1 中的每个项目。
如果在 array2 中没有找到具有相同名称和年龄的 otherItem，则将 item 推送到 uniqueItems 数组中。

使用 `Set` 数据结构

Set 数据结构是一个内建的 JavaScript 对象，它存储唯一的值。我们可以利用 Set 从两个对象数组中提取不同的项。

const array1 = [{name: 'John', age: 20}, {name: 'Mary', age: 30}];
const array2 = [{name: 'John', age: 25}, {name: 'Bob', age: 40}];

const uniqueItems = new Set();

array1.forEach(item => {
  uniqueItems.add(JSON.stringify(item));
});

array2.forEach(item => {
  uniqueItems.delete(JSON.stringify(item));
});

const uniqueItemsArray = Array.from(uniqueItems).map(item => JSON.parse(item));

console.log(uniqueItemsArray); // [{name: 'Mary', age: 30}]