JS 实现数组去重的方式

本文介绍了在JavaScript中使用Set、filter、reduce、Map和for循环等方法实现数组去重的过程,并分析了各自的优势和适用场景。
摘要由CSDN通过智能技术生成

在JavaScript中,有多种方法可以实现数组去重。以下是其中的一些方法:

1. 使用 Set 数据结构

Set 数据结构只允许存储唯一的值(无论是原始值或者是对象引用),因此,我们可以利用这个特性来实现数组去重。

function uniqueArrayUsingSet(arr) {
    return [...new Set(arr)];
}

let arr = [1, 2, 2, 3, 4, 4, 5, 5];
console.log(uniqueArrayUsingSet(arr)); // 输出: [1, 2, 3, 4, 5]

2. 使用 filter 方法

我们可以使用 filter 方法来遍历数组,对于每个元素,检查它是否已经在结果数组中出现过。

function uniqueArrayUsingFilter(arr) {
    let uniqueArr = [];
    return arr.filter(item => {
        return uniqueArr.indexOf(item) === -1 ? uniqueArr.push(item) : false;
    });
}

let arr = [1, 2, 2, 3, 4, 4, 5, 5];
console.log(uniqueArrayUsingFilter(arr)); // 输出: [1, 2, 3, 4, 5]

3. 使用 reduce 方法

reduce 方法也可以用来实现数组去重,它的工作方式类似于 filter,但更简洁一些。

function uniqueArrayUsingReduce(arr) {
    return arr.reduce((pre, cur) => {
        if (!pre.includes(cur)) {
            pre.push(cur);
        }
        return pre;
    }, []);
}

let arr = [1, 2, 2, 3, 4, 4, 5, 5];
console.log(uniqueArrayUsingReduce(arr)); // 输出: [1, 2, 3, 4, 5]

4. 使用 Map 数据结构

Map 对象保存键值对,并且任何值(对象或者原始值)都可以作为一个键或一个值。我们可以通过遍历数组,将每个元素作为键存储到 Map 中,然后利用 Map 的 keys 方法获取所有键组成的数组,实现去重。

function uniqueArrayUsingMap(arr) {
    let map = new Map();
    for (let item of arr) {
        map.set(item, true);
    }
    return [...map.keys()];
}

let arr = [1, 2, 2, 3, 4, 4, 5, 5];
console.log(uniqueArrayUsingMap(arr)); // 输出: [1, 2, 3, 4, 5]

5. 使用 for循环

function uniqueArrayUsingFor(arr){
    for (let i = 0; i < arr.length; i++) {
        for (let j = i+1; j < arr.length; j++) {
            if(arr[i]==arr[j]){
                arr.splice(j,1)
            }
        }        
    }
    return arr
}

let arr = [1, 2, 2, 3, 4, 4, 5, 5];
console.log(uniqueArrayUsingFor(arr)); // 输出: [1, 2, 3, 4, 5]

以上就是在 JavaScript 中实现数组去重的几种常见方法。每种方法都有其特点和适用场景,你可以根据实际需求选择最适合的方法。

  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值