js 对象数组怎么去重

在 JavaScript 中，有几种方法可以对对象数组进行去重：使用 Set 和 Map 数据结构、结合 filter 和 some 方法、或者通过手动编写去重逻辑。 其中，使用 Map 数据结构是一种高效且简洁的方法。我们将详细探讨这一方法。

去重对象数组的常用方法包括：使用 Set 数据结构、利用 Map 数据结构、结合 filter 和 some 方法、手动编写去重逻辑。以下是对使用 Map 数据结构方法的详细描述：

利用 Map 数据结构进行去重时，我们可以创建一个 Map，其中的键是对象的唯一标识符（如对象的某个属性值），值是对象本身。通过这种方式，我们可以确保每个对象的标识符都是唯一的，从而实现去重。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' },
  { id: 3, name: 'Charlie' }
];
const uniqueArray = [...new Map(array.map(item => [item.id, item])).values()];
console.log(uniqueArray);

在这个例子中，我们首先将对象数组 array 映射成一个包含键值对的数组，其中键是对象的 id 属性，值是对象本身。然后，我们将这个键值对数组传递给 Map 构造函数，创建一个新的 Map 对象。由于 Map 对象的键是唯一的，重复的对象将被自动去除。最后，我们使用 Map 对象的 values 方法获取去重后的对象数组。

一、使用 `SET` 数据结构

使用 Set 数据结构进行去重是一种常见的方法，但它通常适用于基本类型（如字符串、数字）。要对对象数组进行去重，我们需要先将对象转换为字符串表示，然后再使用 Set 进行去重。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' },
  { id: 3, name: 'Charlie' }
];
const uniqueArray = Array.from(new Set(array.map(item => JSON.stringify(item)))).map(item => JSON.parse(item));
console.log(uniqueArray);

在这个例子中，我们首先将对象数组 array 映射成一个包含字符串表示的数组，然后将其传递给 Set 构造函数，创建一个新的 Set 对象。由于 Set 对象的值是唯一的，重复的对象将被自动去除。最后，我们将字符串表示的数组转换回对象数组。

二、结合 `FILTER` 和 `SOME` 方法

利用 filter 和 some 方法进行去重是一种简洁且易于理解的方法。我们可以使用 filter 方法遍历数组，并在回调函数中使用 some 方法检查当前元素是否已经存在于结果数组中。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' },
  { id: 3, name: 'Charlie' }
];
const uniqueArray = array.filter((item, index, self) => index === self.findIndex(t => t.id === item.id));
console.log(uniqueArray);

在这个例子中，我们使用 filter 方法遍历对象数组 array。在回调函数中，我们使用 findIndex 方法查找第一个与当前元素具有相同 id 属性的元素的索引。如果当前元素的索引等于该索引，说明当前元素是唯一的，否则说明它是重复的。

三、手动编写去重逻辑

手动编写去重逻辑是一种灵活且可定制的方法。我们可以创建一个空数组，然后遍历原始数组，将不重复的元素添加到新数组中。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' },
  { id: 3, name: 'Charlie' }
];
const uniqueArray = [];
const seen = {};
for (const item of array) {
  if (!seen[item.id]) {
    seen[item.id] = true;
    uniqueArray.push(item);
  }
}
console.log(uniqueArray);

在这个例子中，我们首先创建一个空数组 uniqueArray 和一个空对象 seen。然后，我们使用 for...of 循环遍历对象数组 array。在循环中，我们检查当前元素的 id 属性是否已经存在于 seen 对象中。如果不存在，我们将其添加到 seen 对象，并将当前元素添加到 uniqueArray 数组中。

四、结合 `REDUCE` 方法

利用 reduce 方法进行去重是一种功能强大且灵活的方法。我们可以使用 reduce 方法遍历数组，并在回调函数中构建一个包含唯一元素的新数组。

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' },
  { id: 3, name: 'Charlie' }
];
const uniqueArray = array.reduce((acc, item) => {
  if (!acc.some(t => t.id === item.id)) {
    acc.push(item);
  }
  return acc;
}, []);
console.log(uniqueArray);

在这个例子中，我们使用 reduce 方法遍历对象数组 array。在回调函数中，我们检查结果数组 acc 中是否已经存在与当前元素具有相同 id 属性的元素。如果不存在，我们将当前元素添加到结果数组中。最终，reduce 方法返回包含唯一元素的结果数组。

五、使用第三方库

对于更复杂的去重需求，使用第三方库（如 Lodash）可以提供更强大的功能和更简洁的代码。Lodash 提供了许多实用的函数，可以帮助我们轻松实现对象数组的去重。

const _ = require('lodash');
const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' },
  { id: 3, name: 'Charlie' }
];
const uniqueArray = _.uniqBy(array, 'id');
console.log(uniqueArray);

在这个例子中，我们使用 Lodash 的 uniqBy 函数对对象数组 array 进行去重。uniqBy 函数接受一个数组和一个迭代函数（或属性名称），并返回一个包含唯一元素的新数组。

综上所述，JavaScript 提供了多种方法来对对象数组进行去重。每种方法都有其优点和适用场景，选择合适的方法可以帮助我们高效地处理对象数组的去重需求。

js 对象数组怎么去重

一、使用 SET 数据结构

二、结合 FILTER 和 SOME 方法

三、手动编写去重逻辑

四、结合 REDUCE 方法

五、使用第三方库

相关问答FAQs：

一、使用 `SET` 数据结构

二、结合 `FILTER` 和 `SOME` 方法

四、结合 `REDUCE` 方法