JS中数组去重的方式

最新推荐文章于 2024-11-05 22:07:06 发布

.ToString()°

最新推荐文章于 2024-11-05 22:07:06 发布

阅读量566

点赞数

分类专栏： JS 文章标签： javascript 前端 es6/es7 js

本文链接：https://blog.csdn.net/weixin_47809584/article/details/121803621

版权

JS 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

本文介绍了JavaScript中去除数组重复元素的四种常见方法：利用ES6的Set、reduce函数、filter方法以及不创建新数组的情况下的去重。这些方法通过不同的逻辑实现对数组的去重操作，确保每个元素只出现一次。示例代码详细展示了每种方法的实现过程，适合JavaScript开发者学习参考。

摘要由CSDN通过智能技术生成

JS中数组去重的方式

方式一：Set(ES6)

let arr = [1,2,2,3,3,4,5,2];
const unique = arr => [...new Set(arr)];
console.log(unique(arr));
// [ 1, 2, 3, 4, 5 ]

方式二：reduce

let arr = [1,2,2,3,3,4,5,2];
const unique = (arr) =>{
    return arr.sort().reduce((acc,cur) =>{
        if(acc.length === 0 || acc[acc.length - 1] !== cur){
            acc.push(cur);
        }
        return acc;
    },[]);
}
console.log(unique(arr));
// [ 1, 2, 3, 4, 5 ]

方式三：filter

let arr = [1,2,2,3,3,4,5,2];
const unique = (arr) =>{
    return arr.filter((element,index,array) =>{
        return array.indexOf(element) === index
    });
}
console.log(unique(arr));
// [ 1, 2, 3, 4, 5 ]

方式四：不产生新数组情况下，数组去重

let arr = [1,2,2,3,3,4,5,2];
const unique = (arr) =>{
    let len = arr.length - 1;
    for(let i = len;i >= 0;i --){
        if(arr.indexOf(arr[i]) !== i){
            arr[i] = arr[len --];
        }
    }
    // 删除重复项
    arr.splice(len + 1);
    return arr;
}
console.log(unique(arr));
// [ 1, 2, 4, 3, 5 ]