js数组通过对象属性去重

在JavaScript中，可以通过对象属性去重数组。具体实现方法有两种，一种是使用filter()和indexOf()方法，另一种是使用for循环和includes()方法。

方法一：使用filter()和indexOf()方法
1.先使用filter()方法筛选出重复的对象的下标，使用indexOf()方法获取第一次出现的下标。
2.再使用filter()方法根据下标筛选出不重复的对象。

方法二：使用for循环和includes()方法
1.使用for循环遍历数组，使用includes()方法判断数组中是否已经存在该对象。
2.如果不存在，则将该对象的id和name属性拼接成一个字符串，添加到一个新的数组中，并将该对象添加到另一个新的数组中。

下面是方法一和方法二的具体实现代码：

方法一：

const dataArr = [
{ id: 1, name: '名称1' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称3' },
{ id: 3, name: '名称4' },
{ id: 4, name: '名称4' },
{ id: 5, name: '名称5' }
]

const a = dataArr.map(item => item.id + '-' + item.name)
const b = dataArr.filter((item, index) => a.indexOf(item.id + '-' + item.name) === index)
console.log(b)
// 输出结果：
// [
// { id: 1, name: '名称1' },
// { id: 2, name: '名称2' },
// { id: 2, name: '名称3' },
// { id: 3, name: '名称4' },
// { id: 4, name: '名称4' },
// { id: 5, name: '名称5' }
// ]

方法二：

const dataArr = [
{ id: 1, name: '名称1' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称3' },
{ id: 3, name: '名称4' },
{ id: 4, name: '名称4' },
{ id: 5, name: '名称5' }
]

const arr1 = []
const arr2 = []

for (let i = 0; i < dataArr.length; i++) {
if (!(arr1.includes(dataArr[i].id + '-' + dataArr[i].name))) {
arr1.push(dataArr[i].id + '-' + dataArr[i].name)
arr2.push({ id: dataArr[i].id, name: dataArr[i].name })
}
}

console.log(arr2)
// 输出结果：
// [
// { id: 1, name: '名称1' },
// { id: 2, name: '名称2' },
// { id: 2, name: '名称3' },
// { id: 3, name: '名称4' },
// { id: 4, name: '名称4' },
// { id: 5, name: '名称5' }
// ]