javascript中过滤二维对象数组重复的字段并只保留唯一值（array.filter与Array.from）

**JavaScript 中过滤二维对象数组重复的字段并只保留唯一值**

在 JavaScript 中，处理二维对象数组时，我们经常会遇到需要过滤掉重复的字段并只保留唯一值的情况。例如，我们有一个包含多个用户信息的数组，每个用户都有相同的属性，如 `name`、`age` 和 `email`。如果我们想从这个数组中去除重复的 `email` 值，只保留每个用户的唯一 `email` 值，那么就需要使用 JavaScript 的高级功能来实现。

**方法一：使用 Array.prototype.filter()**

首先，我们可以使用 `Array.prototype.filter()` 方法来过滤掉重复的字段。这个方法会返回一个新数组，包含了原始数组中满足给定条件的所有元素。

javascriptconst users = [
 { name: 'John', age:30, email: 'john@example.com' },
 { name: 'Alice', age:25, email: 'alice@example.com' },
 { name: 'Bob', age:40, email: 'bob@example.com' },
 { name: 'John', age:30, email: 'john2@example.com' }, // 重复的 email 值];

const uniqueUsers = users.filter((user) => {
 const existingUser = users.find((existingUser) => existingUser.email === user.email);
 return !existingUser || (existingUser && existingUser.id !== user.id); // 只保留 id 不同的用户});

console.log(uniqueUsers);
// Output:
// [
// { name: 'John', age:30, email: 'john@example.com' },
// { name: 'Alice', age:25, email: 'alice@example.com' },
// { name: 'Bob', age:40, email: 'bob@example.com' },
// ]

在这个例子中，我们使用 `filter()` 方法来过滤掉重复的 `email` 值。我们首先找到原始数组中具有相同 `email` 值的用户，然后返回 id 不同的用户。

**方法二：使用 Array.from()**

另一个方法是使用 `Array.from()` 方法来实现这个功能。这个方法会将一个可迭代对象（如 Set 或 Map）转换为一个新数组。

javascriptconst users = [
 { name: 'John', age:30, email: 'john@example.com' },
 { name: 'Alice', age:25, email: 'alice@example.com' },
 { name: 'Bob', age:40, email: 'bob@example.com' },
 { name: 'John', age:30, email: 'john2@example.com' }, // 重复的 email 值];

const uniqueUsers = Array.from(
 new Map(users.map((user) => [user.email, user])).values()
);

console.log(uniqueUsers);
// Output:
// [
// { name: 'John', age:30, email: 'john@example.com' },
// { name: 'Alice', age:25, email: 'alice@example.com' },
// { name: 'Bob', age:40, email: 'bob@example.com' },
// ]

在这个例子中，我们使用 `Array.from()` 方法来将一个 Map 转换为一个新数组。我们首先创建一个 Map，键值对是原始数组中的每个用户的 `email` 值和用户对象本身，然后使用 `values()` 方法获取 Map 的值（即用户对象），最后使用 `Array.from()` 方法转换为一个新数组。

**总结**

在这个问题中，我们讨论了如何使用 JavaScript 中的高级功能来过滤掉二维对象数组中的重复字段并只保留唯一值。我们展示了两个方法：使用 `Array.prototype.filter()` 和 `Array.from()` 方法。这些方法都可以实现相同的效果，但使用不同的方式。