Js数组去重

本文介绍了如何使用ES6的Set和Array.from方法来快速去数组中的重复元素,以及如何通过对象的hasOwnProperty检查并保证键名唯一。同时,展示了如何通过双重循环和splice方法进行手动去重,尽管效率较低。
摘要由CSDN通过智能技术生成

数组去重

  1. ES6 Set

    let arr = [1, 2, 3, 4, 4, 5, 5, 6];
    
    let uniqueArr = [...new Set(arr)];
    //...运算符将可迭代对象展开为单独元素
    
  2. Array.from + Set

    let uniqueArr = Array.from(new Set(arr));
    

    ​ 在JavaScript中,Array.from() 方法用于将类数组对象或可迭代 对象转换为一个新的数组实例。结合 Set 对象,可以用来创建一个 不包含重复元素的新数组。

    Set 是一种特殊的类型,它不允许有重复的值。当你用一个数组初 始化 Set 时,它会自动去除所有重复的元素。

  3. indexOf

    //双重循环splice
    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);
          j--; // 因为删除了一个元素,需要回溯j,否则可能跳过一个//元素
        }
      }
    }
    // 此处arr已经去重,但请注意,原数组被修改了
    

    4.对象键名唯一性

    let obj = {};
    let uniqueArr = [];
    for(let i = 0; i < arr.length; i++) {
      if(!obj.hasOwnProperty(arr[i])) {
        obj[arr[i]] = true;
        uniqueArr.push(arr[i]);
      }
    }
    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值