常用数组去重的方法

1. ES6中的Set()方法

Set()的去重原理是根据===，数组中对象之间是根据保存栈中引用地址进行比较的（数组对象存储在堆中，栈中存放指向堆中对象的引用地址）。所以Set()方法只能判断基本数据类型的数组。

• 基本数据数组

let arr = [1, 2, 3, 4, 3, 4, 5, 6]
console.log(new Set(arr));
// new Set()返回Set结构本身
// ...和Array.from()可以将Set中的数据结构成数组
console.log([...new Set(arr)]) // [1, 2, 3, 4, 5, 6]
console.log(Array.from(new Set(arr))) // [1, 2, 3, 4, 5, 6]
let obj = [
    {name: 'zhang', age: 22},
    {name: 'zhang', age: 22},
    {name: 'li', age: 22},
]
// 返回obj对象
console.log([...new Set(obj)])

2. ES6中的Map()方法

• 对象数组 — 唯一值去重

let obj = [
    { id: 1, name: 'zhang', age: 22},
    { id: 2, name: 'zhang', age: 22},
    { id: 1, name: 'li', age: 22},
]
// 输出先出现的唯一值数据，如果想输出最后出现的数据，只需要将返回结果改成pre.set(cur.id, cur)
const arraySetMap = list => [...list.reduce((pre, cur) => pre.has(cur.id) ? pre : pre.set(cur.id, cur), new Map()).values()]    
console.log(arraySetMap(obj)) // [{ id: 1, name: 'zhang', age: 22}, { id: 2, name: 'zhang', age: 22}]

3. forEach()方法和include()方法

include还可用于判断字符串是否存在某个字符串

• 基本数据数组

let arr = [1, 2, 3, 4, 3, 4, 5, 6]
let obj = [
    { id: 1, name: 'zhang', age: 22},
    { id: 2, name: 'zhang', age: 22},
    { id: 1, name: 'li', age: 22},
]
let newArr = []
// && 只有前面值为真才会执行后面的语句
arr.forEach(item => !newArr.includes(item) && newArr.push(item))
console.log(newArr) // [1, 2, 3, 4, 5, 6]

• 对象数组 — 唯一值去重
  判断newArr数组中是否已经存在id的值，如果存在则代表obj数组中已经存在唯一值的数据，只需要使用splice方法将这条数据删除即可，如果不存在则在newArr数组中添加id属性值，一直循环到结束。

let obj = [
    { id: 1, name: 'zhang', age: 22},
    { id: 2, name: 'zhang', age: 22},
    { id: 1, name: 'li', age: 22},
]
let newObj = []
obj.forEach((item, index) => {
    if(newObj.includes(item.id)){
        obj.splice(index, 1)
    }else {
        newObj.push(item.id)
    }
})
console.log(obj) // [{ id: 1, name: 'zhang', age: 22}, { id: 2, name: 'zhang', age: 22}]

4. forEach()和indexOf()

indexOf()返回元素所在数组下标，如果不存在返回-1

• 基本数据数组

let arr = [1, 2, 3, 4, 3, 4, 5, 6]
let newArr = []
arr.forEach(item => newArr.indexOf(item) === -1 && newArr.push(item))
console.log(newArr) // [1, 2, 3, 4, 5, 6]

• 对象数组 – 唯一值去重

let newObj = []
obj.forEach((item, index) => {
    if(newObj.indexOf(item.id) > -1){
        obj.splice(index, 1)
    }else {
        newObj.push(item.id)
    }
})
console.log(obj) // [{ id: 1, name: 'zhang', age: 22}, { id: 2, name: 'zhang', age: 22}]