zoukankan      html  css  js  c++  java
  • 几种js去重的方法

    let arr =  [1,2,2,4,null,null,'3','abc',3,5,4,1,2,2,4,null,null,'3','abc',3,5,4]

    1. 利用对象的 key 唯一

    众所周知,对象的key不可重复,否则后者将覆盖前者。利用该特性,实现数组去重,遍历数组,将数组的每一项做为对象的key值。

    let obj = {};
    for (let i = 0; i < arr.length; i++) {
      let item = arr[i]
      if (obj[item] !== undefined) {
        arr.splice(i, 1);
        i--; // 解决删除元素后,数组塌陷问题
        continue;
      }
      obj[item] = item
    }

    2. Array.filter + Array.indexOf

    filter()方法:创建一个新数组,新数组中的元素是指定数组中符合某种条件的所有元素。如果没有符合条件的元素则返回空数组。

    语法:array.filter(function(item,index,arr))

    filter()不会对空数组进行检测。

    filter()不会改变原始数组。

    原理:返回item第一次出现的位置等于当前的index的元素。

    let newArr = arr.filter((item, index) => arr.indexOf(item) === index);  

    3. new Set + 扩展运算符 || Array.from

    ES6 提供了新的数据结构Set。类似于数组,但是成员的值都是唯一的,没有重复的值。

    Set本身是一个构造函数,可以接受一个具有iterable接口数据结构作为参数(如数组,字符串),用来初始化。

    let newArr = [...new Set(arr)];      // [1, 2, 4, null, "3", "abc", 3, 5]
    
    let newArr = Array.from(new Set(arr));      // [1, 2, 4, null, "3", "abc", 3, 5]
    
    let newStr = [...new Set('ababbc')].join('')  //  'abc'
  • 相关阅读:
    Matlab smooth函数原理
    Pandas中的高级索引loc、iloc、ix精简概括
    QT常见错误:"multiple definition of xxx"
    Github术语解释
    数据反转 LSB
    LSB最低有效位和MSB最高有效位
    Modbus通信CRC16校验程序
    CRC16常见几个标准的算法及C语言实现
    DB9 公头母头引脚定义及连接
    hdu 2577 How to Type(dp)
  • 原文地址:https://www.cnblogs.com/123poi/p/14813980.html
Copyright © 2011-2022 走看看