js 数组去重

Posted 一切随风飘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 数组去重相关的知识,希望对你有一定的参考价值。

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、结语

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


以上是关于js 数组去重的主要内容,如果未能解决你的问题,请参考以下文章

js 二维数组去重(续)

js数组去重的5种算法实现

js数组去重的几种方法

85JS原生:数组4种去重方法

js数组去重的四种方法

js数组去重的四种方法