数组去重,数组中对象去重,根据数组中对象的某个属性去重

数组去重

一、普通数组去重：三种方法可实现：① new Set 或 ② fileter + indexOf 或 ③ reduce

// 普通数组重复
let arr = [1,1,3,2,2,4,5,6,6,1,7];

1. new Set(arr);
2. arr.filter((item,index) => arr.indexOf(item) === index);
3. arr.reduce((unique,item)=> unique.includes(item) ? unique : [...unique,item],[]);

补充： 在简单数组中，找出重复的数据项，使用 indexOf和lastIndexOf。

const arr = [1,1,3,2,2,4,5,6,6,1,7];
const repeatList = arr.filter((item, i) => arr.indexOf(item) !== arr.lastIndexOf(item) && arr.indexOf(item) === i);
console.log(repeatList); // [1,2,6];

二、对象数组去重：ES6的set数据结构去除数组对象中的重复对象 -（完全相同的对象）

思路：①序列化对象为字符串，然后②使用new Set结构去重，最后③再反序列化为对象。

// 包含：完全相同的对象
let arr = [
   { name: '张三',  age: 18 },
   { name: '张三',  age: 18 },
   { name: '李四',  age: 20 }
 ];

let noRepeat = [...new Set(arr.map(item => JSON.stringify(item)))];
let newArr = noRepeat.map(item=> JSON.parse(item));
console.log(newArr);

三、对象数组去重：reduce去除数组对象中的某个重复属性的对象 -（某一属性相同的不同对象）

步骤：① 定义按照过滤的对象的属性名称；② 使用 reduce + some 数组属性对象 去重

// 包含：某一属性相同的不同对象
const arr = [
   { id:1, name:'张三' },
   { id:1, name:'李四' },
   { id:2, name:'张三' },
];

const id = 'id'; // 1、定义按照过滤的对象的属性名称
const newArr = arr.reduce((all,next)=>all.some((item)=>item[id]==next[id])?all:[...all,next],[]); // 2、数组属性对象 去重
console.log(newArr);