数组去重最简单(记录–数组去重的五种方法)
这里给大家分享我在网上总结出来的一些知识 ,希望对大家有所帮助
图例↓
但是Set去重有一个弊端 ,他无法去重引用类型的数据 。比如对象数组 。
图例:
所以如果您的数组中都是值类型的数据(比如全string或者全number) ,那么使用Set进行去重一定是首选 ,会为您减少很多的麻烦 。
最古老的方法 ,双重for循环去重
在很早以前 ,还没有Set ,没有map ,filter的时候 ,双重for循环几乎是去重的唯一方式 。
图例:
这里有一个有意思的地方 ,或许您不太明白 ,为什么我的for循环的初始表达式中声明了两个东西:let i = 0;len = arr.length;
我来给您解答:
被圈起来的三个表示的是for循环的三个表达式,依次分别是:初始表达式 ,判断表达式,自增表达式 。其中 ,初始表达式在for循环开始的时候会执行一次 ,以后就不会再执行了,但是判断表达式和自增表达式会在每一次循环的时候都去执行 。
如果您不太理解文字表达 ,没关系 ,我画了张图 。
您或许已经发现 ,后一个圈中的内容会陷入一个循环 。
但这和我们一开始len = arr.length有什么关系呢?
值得注意的是,如果一开始定义 ,那么每一次循环 ,都需要走 arr.length,length可是个方法 ,虽然他的消耗并不大 ,但在for循环中这个消耗会被方法 ,假设这个循环需要循环10000次呢 ,length就会被执行10000次 。
最鸡肋的去重方式 ,indexOf去重
indexOf还是相对简单又鸡肋 。为什么说他鸡肋呢?说难吧 ,indexOf方法确实比上文的双重for循环简单 。说简单吧 ,嘿,他没Set方法去重来的更简单 。所以鸡肋。
图例:
同样的 ,这个方法也有一个细节点 ,您或许已经发现了,上文的if和for没有花括号;是的;for和if都默认对下面一条语句负责 。在没有必要的情况下 ,不用多加一个{} 。
或许您会觉得这不可读 ,这就是有意思的地方了 ,这是一个工具类方法 ,注定被藏在utils中的一个方法 ,他无关业务逻辑 ,并不需要有太大可读性。
而且 ,这么写还有一个很原因:给人的视觉冲击会比较大 。说点人话就是 -----很装逼;
一种类似于indexOf的去重方法 ,includes去重
使用includes的去重方法和indexOf不能说很像 ,基本上一模一样 。变换的仅仅只是判断方法 。
includes的判断方法更简单了 。循环数组的每一样 ,用新数组检测当前数组中是否包含数组项 ,如果不包含 ,则追加该元素
图例
includes方法在除了去重以外的场景,还是很好用的 。
最有趣的去重方法 ,使用filter去重 。
使用filter配合indexOf进行的去重过程 ,真的可以非常的简单且富含趣味性 。
是的,没了 ,就一行 。
图例
您是否没有反应过来?乍一看 ,不知道他是怎么完成去重的 。
小问题 ,我为您解答疑惑 。
indexOf的特性是返回被查找的目标中包含的第一个位置的索引
如图 ,下标为0和下标为4的位置存储的都是“1 ” 。但是indexOf()只返回了0 。因为indexOf的特性是返回被查找的目标中包含的第一个位置的索引。
同样的 ,我们可以利用这个特性 。来完成去重 ,文字描述恐怕很难表达准确 ,您可以看看下面的这张图 。
您或许会问:如果要去重对象数组怎么办?
去除对象数组的方式他并不是很稳定 ,这不像我们去重值类型数据的数组 ,上面的五种方法随便复制一种 ,往里面一调用就好了。绝对不会出问题 。
但是对象数组去重 ,需要有一个去重条件 ,也就是根据哪个字段进行去重 。
用双重循环去重举个例子:
图例
如上图,我们就是拿数据的id作为去重条件的 。
像这样的对象数组就不能直接提供方法 ,因为每一个场景下的对象数组都不一定一样 。我这是根据id去重 ,万一其他地方需要根据其他字段去重呢 。
所以,如果您需要去重对象 ,根据上方的截图中的代码 。使用双重for循环的方法 ,自己自定义一个可以满足您当前业务需求的去重方法 。
本文转载于:
https://juejin.cn/post/7152759573978284040
如果对您有所帮助 ,欢迎您点个关注 ,我会定时更新技术文档 ,大家一起讨论学习 ,一起进步 。
创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!