在javascript中，如何根据对象数组的指定属性对数组去重

2024-01-19 09:02:26

在javascript中，我们经常会遇到需要对数组中的对象进行去重操作的情况。例如，我们有一个学生成绩对象数组，其中包含每个学生的名字、成绩等信息，现在我们需要将这个数组去重，只保留每个学生的信息。

要实现这个功能，我们可以使用javascript中的reduce()方法。reduce()方法可以将数组中的每个元素依次传递给一个回调函数，并返回一个新的值，最终将所有的新值汇总成一个最终结果。

使用reduce()方法进行数组对象去重

const students = [
  { name: 'Alice', grade: 90 },
  { name: 'Bob', grade: 85 },
  { name: 'Charlie', grade: 95 },
  { name: 'Dave', grade: 80 },
  { name: 'Eve', grade: 98 },
  { name: 'Frank', grade: 85 }
];

// 使用reduce()方法对学生成绩对象数组去重
const uniqueStudents = students.reduce((acc, student) => {
  // 检查acc中是否已经存在该学生的name属性
  const existingStudent = acc.find(s => s.name === student.name);

  // 如果没有找到，则将该学生添加到acc中
  if (!existingStudent) {
    acc.push(student);
  }

  // 返回acc
  return acc;
}, []);

// 输出去重后的学生成绩对象数组
console.log(uniqueStudents);

输出结果：

[
  { name: 'Alice', grade: 90 },
  { name: 'Bob', grade: 85 },
  { name: 'Charlie', grade: 95 },
  { name: 'Dave', grade: 80 },
  { name: 'Eve', grade: 98 },
  { name: 'Frank', grade: 85 }
]

在这个例子中，reduce()方法的回调函数接收两个参数：acc和student。acc是累积器，用于存储去重后的学生成绩对象数组。student是当前正在处理的学生成绩对象。

在回调函数中，我们首先使用find()方法检查acc中是否已经存在该学生的name属性。如果找到，则说明该学生已经存在，我们不需要再将其添加到acc中。如果没找到，则说明该学生是第一次出现，我们需要将其添加到acc中。

最后，我们将acc返回，作为reduce()方法的下一个调用的累积器。

通过这种方式，reduce()方法可以依次处理数组中的每个学生成绩对象，并将去重后的对象添加到acc中。最终，acc包含了去重后的学生成绩对象数组，我们可以将其作为最终结果输出。

使用Set()进行数组对象去重

除了使用reduce()方法之外，我们还可以使用Set()来对数组中的对象进行去重。Set()是一种数据结构，它可以存储唯一的值。

const students = [
  { name: 'Alice', grade: 90 },
  { name: 'Bob', grade: 85 },
  { name: 'Charlie', grade: 95 },
  { name: 'Dave', grade: 80 },
  { name: 'Eve', grade: 98 },
  { name: 'Frank', grade: 85 }
];

// 将学生成绩对象数组转换为Set
const uniqueStudents = new Set(students);

// 将Set转换为数组
const uniqueStudentsArray = [...uniqueStudents];

// 输出去重后的学生成绩对象数组
console.log(uniqueStudentsArray);

输出结果：

[
  { name: 'Alice', grade: 90 },
  { name: 'Bob', grade: 85 },
  { name: 'Charlie', grade: 95 },
  { name: 'Dave', grade: 80 },
  { name: 'Eve', grade: 98 },
  { name: 'Frank', grade: 85 }
]