美文网首页
Es6数组去重

Es6数组去重

作者: Gopal | 来源:发表于2017-12-01 11:22 被阅读113次

    问题:
    一个数组中每一项都是对象,其中有两三个对象是相同的,这个时候需要做到去重。要怎么做呢?

    使用普通的去重方式:

    var a = [{a:'1'},{a:'1'},{b:'2'}];
    // 使用普通的方法去重
    Array.prototype.unique1 = function(){
     var res = [this[0]];
     for(var i = 1; i < this.length; i++){
      var repeat = false;
      for(var j = 0; j < res.length; j++){
       if(this[i] == res[j]){
        repeat = true;
        break;
       }
      }
      if(!repeat){
       res.push(this[i]);
      }
     }
     return res;
    }
    console.log(a.unique1())
    

    输出结果:

    输出结果

    原因:
    可以看到是不行的,个人理解是因为对象指向的是内存地址,数组中的每一项虽然“看起来是一样的”,但实际上是不一样的,所以通过普通的方法进行比较是行不通的。

    解决:
    方法1:Set结合Array.from

    var a = [{a:'1'},{a:'1'},{b:'2'}];
    var b = Array.from(new Set(a))
    
    Set和Array.from
    image.png

    方法2:拓展运算符结合Set

    var c = [...new Set(a)]
    console.log(c)
    
    拓展运算符结合Set

    相关文章

      网友评论

          本文标题:Es6数组去重

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