美文网首页
JS数组去重方式

JS数组去重方式

作者: 骑骑小飞猪 | 来源:发表于2017-10-20 20:14 被阅读0次

1.ES6去重

{
  function uniqe(arr) {
    return Array.from(new Set(arr))
  }

  console.log(uniqe([1,1,12,2,2,3]))
}

2.使用indexOf()方法

{
  /**
   * 
   * @param {*} indexOf(value,fromIndex)
   * 返回指定字符串在字符串中首次出现的位置
   * 如果没有出现的话,该方法返回-1
   */
  function uniqe(arr) {
    var ret = []
    for (var i=0;i<arr.length;i++) {
      if(ret.indexOf(arr[i]) == -1) {
        ret.push(arr[i])
      }
    }
    return ret;
  }
  console.log(uniqe([1,1,12,2,2,3]))
}

3.数组forEach方法

{
  function uniqe(arr) {
    var ret = []
    arr.forEach(function(element, idx, arr) {
      if(arr.indexOf(element) == idx) {
        ret.push(element)
      }
    }, undefined)
    return ret
  } 
  console.log(uniqe([1,1,12,2,2,1,3]))
}

4.添加原型方法

{
  Array.prototype.uniqe = function(){
    var ret = []
    var end;
    this.sort()
    console.log(this)
    end=this[0]
    ret.push(this[0])

    for (var i=1;i<this.length;i++){
      if (this[i] != end) {
        ret.push(this[i])
        end = this[i]
      }
    }
    return ret
  }
  console.log([1,1,12,2,1,2,3].uniqe())
}

相关文章

  • 数组的去重和数组中对象的去重

    数组中对象去重 方式1 jq方式 方式2 原生js方式 普通数组的去重 方式1 普通的数组去重js 方式2 Se...

  • JS数组去重方式

    1.ES6去重 2.使用indexOf()方法 3.数组forEach方法 4.添加原型方法

  • 前端开发备忘录

    js 数组去重的方法 最常用的方式 对象键值法去重 es6 Set方法一键去重 js常见的循环与遍历以及不同循...

  • JS 数组对象的去重方式

    对于数组对象,传统的去重方法无能为力,至于forEach()、filter()等迭代方法也不好使;真正能做到优雅去...

  • js 数组去重的几种方式

    一、Array.from + Set 二、Set、扩展运算符 三、filter + indexOf 四、index...

  • JS实现数组去重的方式

    例:将下面数组去除重复元素(以多种数据类型为例) 1.利用Set()+Array.from() Set对象:是值的...

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • 数组去重的几种方式

    上篇我们写到了数组中包含多条对象的去重方式数组中包含多条对象的去重方式,今天我们就写一下普通数组去重吧. 数组去重...

  • js数组去重

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

  • JS数组去重

    方法1:两层for循环,外层循环原数组,内层循环时进行比较。 方法2:利用对象的属性不能相同的特点去重 方法3:利...

网友评论

      本文标题:JS数组去重方式

      本文链接:https://www.haomeiwen.com/subject/igtbuxtx.html