如何从数组中移除重复的对象元素

在JavaScript中，去除数组中重复的对象是一个常见的需求。由于对象引用的唯一性，即使两个对象包含相同的数据，JavaScript也会认为它们是不同的。因此，我们需要自定义比较逻辑来识别重复的对象。以下是一个步骤，可以帮助你去除数组中的重复对象。

定义对象比较函数

首先，我们需要一个比较函数，用来比较两个对象是否具有相同的属性和值。

function isEquivalent(a, b) {
// 获取对象a和对象b的属性名数组
const aProps = Object.getOwnPropertyNames(a);
const bProps = Object.getOwnPropertyNames(b);

// 如果属性数量不同，直接返回false
if (aProps.length != bProps.length) {
return false;
}

for (let i = 0; i < aProps.length; i++) {

const propName = aProps[i];

// 如果对应的属性值不同，返回false
if (a[propName] !== b[propName]) {
return false;
}
}

// 所有属性和值都相同，返回true
return true;
}

去除重复对象

有了比较函数，我们可以通过以下步骤去除数组中的重复对象。

1. 创建一个新数组来存储唯一的对象。

2. 遍历原始数组，对于每个对象，检查它是否已经存在于新数组中。

3. 如果不存在，则将其添加到新数组中。

以下是实现这一过程的代码：

function removeDuplicates(arr) {
const uniqueArr = [];

for (let i = 0; i < arr.length; i++) {
let isDuplicate = false;

for (let j = 0; j < uniqueArr.length; j++) {
if (isEquivalent(arr[i], uniqueArr[j])) {
// 如果找到重复的对象，则标记为true
isDuplicate = true;
break;
}
}

// 如果当前对象不是重复的，添加到uniqueArr
if (!isDuplicate) {
uniqueArr.push(arr[i]);
}
}

return uniqueArr;
}

// 示例数组
const myArray = [
{ id: 1, name: "John" },
{ id: 2, name: "Jane" },
{ id: 1, name: "John" },
{ id: 3, name: "Mike" },
];

// 使用函数去除重复项
const uniqueArray = removeDuplicates(myArray);

console.log(uniqueArray);