数组去重的方法

本文详细介绍了JavaScript中五种常见的数组去重方法:双层for循环删除、indexOf遍历法、indexOf下标判断法、includes判断法、filter过滤法以及Set转换法。每种方法的实现原理和代码示例都进行了清晰的解析,帮助读者理解不同场景下如何选择合适的去重策略。
摘要由CSDN通过智能技术生成

 1. 利用双层for循环

let arr = [1,4,5,8,'hello',5,4,8,2,3,'hello']
let unique = (arr) =>{
    // 前面一项
    for( i=0;i<arr.length;i++){
        // 后面一项
        for( j=i+1;j<arr.length;j++){
            if(arr[i]===arr[j]){
                arr.splice(j,1);  //删除重复元素,splice改变原数组直接返回arr
                j--;  //修正下标
            }
        }
    }
    return arr;
}
unique(arr)
console.log(arr);

 2. 利用indexOf实现数组去重

2.1 遍历数组法

let unique = (arr) =>{
    let newArr = []
    for(i=0;i<arr.length;i++){
        if(newArr.indexOf(arr[i])===-1){   
            newArr.push(arr[i])
        }
    }
    return newArr   // indexOf不改变原数组,创建一个新的数组去接收并且返回新数组
}
console.log(unique(arr));

利用了indexOf()方法(indexOf()方法如果查询到则返回查询到的第一个结果在数组中的索引,如果查询不到则返回-1)。

2.2数组下标判断法

let unique = (arr) =>{
    let newArr = []
    for(i=0;i<arr.length;i++){
        if(arr.indexOf(arr[i])===i){   
            newArr.push(arr[i])
        }
    }
    return newArr;
}
console.log(unique(arr))

直接看if这里,在遍历arr的过程中,如果在arr数组里面找当前的值,返回的索引等于当前的循环里面的i的话,那么证明这个值是第一次出现,所以推入到新数组里面,如果后面又遍历到了一个出现过的值,那也不会返回它的索引,indexof()方法只返回找到的第一个值的索引,所以重复的都会被pass掉,只出现一次的值都被存入新数组中,也达到了去重的目的。

3. 利用includes实现数组去重

let unique = (arr)=>{
    let newArr = []
    for(i=0;i<arr.length;i++){
        if(!newArr.includes(arr[i])){
            newArr.push(arr[i])
        }
    }
    return newArr
}
console.log(unique(arr));

// Array.prototype.includes() 
// 新数组里不包含arr中的元素时,将该元素添加到新数组newArr中

4. 使用filter实现数组去重

let unique = ()=>{
    let result = arr.filter((item,index)=>{
        return arr.indexOf(item)===index
    })
    return result
}
console.log(unique(arr));

// 过滤器

5. set 实现数组去重

var set = new Set(arr);
// 将set转换成数组
let [...a] = set;
console.log(a);
console.log(Array.from(set));

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值