js 数组去重

Posted 2020-10-04 一切随风飘

1、前言

去重方法千千万万，你要哪一种

2、es系列方法

2.1、es6 Set()方法

介绍：ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。
Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化

new Set(test);//test为去重的数组

2.2、es7 includes

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。该方法属于 ES7 ，但 Babel 转码器已经支持

unique4 (arr) {
    let newArr = [arr[0]];
    for(index of arr){
        if(!newArr.includes(index)){
            newArr.push(index);
        }
    }
    return newArr;
}

3、常规去重

 思路：

• 构建一个新的数组存放结果，设置状态值
• 从原数组中循环取出一个元素，与结果数组对比
• 若结果数组中没有该元素，则改变状态值
•  通过判断状态值进行结果数组的存储

核心代码：

unique1 (arr) {
    let newArr = [arr[0]];//现将第一个数加入到新数组中；
    arr.shift();
    let result = true;//判断是否重复，默认不存在重复true
    for(index of arr) {
        for(res of newArr) {
            if(res === index){
                result = false;//存在重复改变状态值
                break;
            }
        }
        if(result){
            newArr.push(index);//不存在重复则加入新数组
        }
        result = true;//循环解析重新改变状态值
    }
    return newArr;
},

3、排序去重

思路：

• 对数组进行排序（由于打乱了数组结构，不适用于需要保留原数组顺序的）
• 判断第 i 个数组元素是否和 i-1 个数组元素相同，
•  如果不相同，则表示新数组中不存在该元素，可以加入

核心代码：

unique2 (arr) {
    arr.sort();//对数组进行排序
    let newArr = [arr[0]];//现将第一个数加入到新数组中；这里移除
    let len = arr.length;
    //跳过数组第一个元素，从第二个开始
    for(let i = 1; i < len; i++) {
        //如果前后不相同，则不存在重复
        if(arr[i] !== arr[i-1]) {
            newArr.push(arr[i]);
        }    
    }
    return newArr;
},

5、对象去重

思路：

• 创建一个新数组存储结果，空对象将这个值作为属性并赋值，进行存储
•  循环取出数组元素去对象中访问对应属性，
•  如果存在则重复，不能加入数组

核心代码：

unique3 (arr) {
    let newArr = [];
    let newObj = {};//定义一个对象，通过对象来获取值
    for(index of arr) {
        //如果这个属性不存在，则可以加入数组，并复制
        if(!newObj[index]) {
             newArr.push(index);
             newObj[index] = 1;
        }
    }
    return newArr;
}

6、结语

去重的方式还有很多，等待你去探索。。。