JS中的几种数组去重方式

第一种方式:双重for循环

    思路:先定义一个包含原始数组第一个元素的数组,然后遍历原始数组,将原始数组中的每个元素与新数组中的每个元素进行比对,如果不重复则添加到新数组中,最后返回新数组;因为它的时间复杂度是O(n^2),如果数组长度很大,效率会很低。

    实现:

function distinct(arr) {
    for (let i=0, len=arr.length; i<len; i++) {
        for (let j=i+1; j<len; j++) {
            if (arr[i] == arr[j]) {
                 arr.splice(j, 1);
                // splice 会改变数组长度,所以要将数组长度 len 和下标 j 减一
                 len--;
                 j--;
             }
         }
     }
    return arr;
}

第二种方式:过滤出第一次出现位置与当前位置相同的元素

    思路:利用indexOf检测元素在数组中第一次出现的位置是否和元素现在的位置相等,如果不等则说明该元素是重复元素,使用Array.filter()方法过滤出不重复的元素。

    实现:

function distinct(a) {
    let arr = a.concat([])
    return arr.filter((item, index)=> {
        return arr.indexOf(item) === index
     })
}

第三种方式:先排序再去除相邻的重复元素

    思路:调用了数组的排序方法 sort(),V8引擎 的 sort() 方法在数组长度小于等于10的情况下,会使用插入排序,大于10的情况下会使用快速排序。然后根据排序后的结果进行遍历及相邻元素比对(其实就是一行冒泡排序比较),如果相等则跳过该元素,直到遍历结束。

    实现:

function distinct(arr) {
    let res = []
    let sortedArray = arr.concat([]).sort()
    let seen
    for (let i = 0, len = sortedArray.length; i < len; i++) {
        // 如果是第一个元素或者相邻的元素不相同
        if (!i || seen !== sortedArray[i]) {
             res.push(sortedArray[i])
         }
         seen = sortedArray[i]
     }
    return res
}

第四种方式:使用ES6中新增的数据结构Set去重

    思路:ES6 提供了新的数据结构 Set,Set 结构的一个特性就是成员值都是唯一的,没有重复的值。可将数组处理为Set再转换为数组。

    实现一:

function distinct(array) {
     // 借助ES6中新增的Array.from()方法将Set对象转换为数组
     return Array.from(new Set(array));
}

    实现二:

function unique(array) {
     // 借助ES6中新增的展开运算符将Set转换为数组
     return [...new Set(array)];
}

实现三:

// 使用ES6新增的箭头函数进一步简化实现二
let unique = (a) => [...new Set(a)]

第五种方式:利用Object中属性不重复的特点实现数组去重

    思路:利用一个空的 Object 对象,把数组的值存成 Object 的 key 值,比如 Object[value1] = true,在判断另一个值的时候,如果 Object[value2]存在的话,就说明该值是重复的,但是最后请注意这里obj[typeof item + item] = true没有直接使用obj[item],是因为 123 和 '123' 是不同的,直接使用前面的方法会判断为同一个值,因为对象的键值只能是字符串,所以可以使用 typeof item + item 拼成字符串作为 key 值来避免这个问题。

    实现:

function distinct(array) {
    let obj = {}
    return array.filter(function(item, index, array){
        return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item +                         item] = true)
     })
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值