Es6数组去重

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

使用普通的去重方式:

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里新添加了两个很好用的东西,set和Array.from。 set是一种新的数据结构,它可以接收一个数组或者...
    浮生小孟阅读 3,154评论 0 3
  • ES5及之前大多都是用遍历和算法来实现数组去重,现在介绍两种ES6更为简便的方式。ES6之Set,Array.fr...
    巩小白阅读 857评论 4 7
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,184评论 6 13
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,270评论 0 4
  • 历程:没有开拓者(先行者)的牺牲与遭遇,怎会有后来者的清闲。
    希波克林阅读 340评论 2 4