javascript/ES6实现数组去重的常用方法

1.利用双层for循环

let arr = [1,2,3,4,4,'hello',4,5,5,6,8,9,'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)     //删除重复元素
                j--;  //修正下标,当元素删除后,剩余元素下标依次减一
            }
        }
    }
    return arr;
}
unique(arr);
console.log(arr);

2.利用indexOf实现数组去重

let arr = [1,2,3,4,4,'hello',4,5,5,6,8,9,'hello']
let unique = (arr) => {
    let newArr = [];
    for(i=0;i<arr.length;i++){
        if(newArr.indexOf(arr[i])===-1){
            newArr.push(arr[i])
        }
    }
    return newArr;
}
console.log(unique(arr));

3.利用includes实现数组去重

let arr = [1,2,3,4,4,'hello',4,5,5,6,8,9,'hello']
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));

4.使用filter实现数组去重

let arr = [1,2,3,4,4,'hello',4,5,5,6,8,9,'hello']
let unique = (arr) => {
    let result = arr.filter((item,index)=>{
        return arr.indexOf(item)===index
    })
    return result
}
console.log(unique(arr));

5.利用set实现数组去重

let arr = [1,2,3,4,4,'hello',4,5,5,6,8,9,'hello']
var set = new Set(arr);
// 将set转换为数组
let [...a] = set
console.log(a);
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中,有多种方法可以实现数组去重。下面我会介绍几种常见的方法: 1. 使用 Set 数据结构:Set 是 ES6 中新增的数据结构,它只存储唯一值。我们可以利用 Set 的特性,将数组转换为 Set,然后再将 Set 转换回数组即可实现去重。 ```javascript const array = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArray = Array.from(new Set(array)); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 2. 使用 indexOf() 方法:遍历原始数组,利用 indexOf() 方法检查当前元素在数组中的索引位置,如果索引位置与当前遍历的索引位置不一致,则说明该元素是重复的,可以忽略。 ```javascript const array = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArray = array.filter((value, index) => { return array.indexOf(value) === index; }); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 3. 使用 includes() 方法:类似于 indexOf() 方法,遍历原始数组,利用 includes() 方法检查当前元素是否已经存在于新数组中,如果不存在,则将该元素添加到新数组中。 ```javascript const array = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArray = []; array.forEach((value) => { if (!uniqueArray.includes(value)) { uniqueArray.push(value); } }); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 这些方法都可以实现数组去重,具体使用哪种方法取决于个人偏好和需求。需要注意的是,使用 Set 的方法在保留元素顺序方面可能会有些差异,而使用 indexOf() 或 includes() 方法可以保持原始数组的顺序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值