js 数组里面的对象 去重

可以使用 Set 数据结构来实现 JavaScript 数组去重。具体实现方法如下：

const arr = [{name: 'Tom', age: 18}, {name: 'Jerry', age: 22}, {name: 'Tom', age: 18}];
const newArr = [...new Set(arr.map(JSON.stringify))].map(JSON.parse);
console.log(newArr); // [{name: 'Tom', age: 18}, {name: 'Jerry', age: 22}]

上面的代码中，我们先使用 `map` 方法将数组中的对象转为字符串，然后使用 Set 数据结构去重。最后再使用 `map` 方法将字符串转回对象。这里使用 `JSON.stringify` 和 `JSON.parse` 的原因是 Set 数据结构在比较对象时是使用对象的引用地址进行比较的，而 `JSON.stringify` 和 `JSON.parse` 可以将对象转为字符串和将字符串转回对象。

相关问题

js 数组展开对象去重

在JavaScript中，可以使用数组展开运算符（Spread Operator）和Set数据结构来实现数组展开对象去重。下面是实现的步骤：

1. 定义一个包含重复对象的数组。
2. 使用数组展开运算符将数组展开为一个新的数组。
3. 使用Set数据结构去除数组中的重复项。
4. 将Set转换回数组。

以下是代码示例：

let arr = [
  {id: 1, name: '张三'},
  {id: 2, name: '李四'},
  {id: 1, name: '张三'},
  {id: 3, name: '王五'}
];

let uniqueArr = [...new Set([...arr])];

console.log(uniqueArr);
// 输出: [{id: 1, name: '张三'}, {id: 2, name: '李四'}, {id: 3, name: '王五'}]

在上面的代码中，我们使用了数组展开运算符将原始数组展开为一个新的数组。然后，我们使用Set数据结构去除了数组中的重复项。最后，我们将Set转换回数组，并将结果赋值给`uniqueArr`变量。最终，`uniqueArr`将包含去重后的对象数组。

: 在前端开发中，数据处理是不可避免的一项任务。本文将介绍几种常见的数据处理方法，包括数组去重、数组对象去重、对象合并、数组近似率处理。
: 数组对象去重是指将数组中重复的对象去掉，只保留其中一个。在 JavaScript 中，可以使用 Array.prototype.reduce() 方法和 Map 数据结构来实现数组对象去重。

js 数组包对象去重

如果你的数组中包含对象，并且想要对这些对象进行去重操作，可以使用不同的方法。以下是一种常见的方法（使用JavaScript）：

1. 使用集合（Set）和Array.from()：集合是一种数据结构，可以确保其中的元素是唯一的。你可以使用`Set`来对数组中的对象进行去重。然后，将集合转换回数组，以得到去重后的结果。以下是一个示例：

let array = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 1, name: 'John' }, // 重复对象
  { id: 3, name: 'Alice' },
];

let uniqueArray = Array.from(new Set(array.map(JSON.stringify)), JSON.parse);
console.log(uniqueArray);

输出：

[
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Alice' }
]

在这个示例中，我们使用`map()`函数将数组中的对象转换为字符串，然后使用集合去除重复项，最后使用`JSON.parse`将字符串转回对象。

这种方法依赖于对象的字符串表示形式，因此对象的属性顺序可能会影响去重的结果。如果你需要根据对象的特定属性进行去重操作，请在`map()`函数中传入自定义的映射函数。

希望以上方法能对你有所帮助！