首页 > 编程语言 > 详细

JavaScript 中 reduce去重方法

时间:2019-12-29 15:42:34      阅读:73      评论:0      收藏:0      [点我收藏+]
过去有很长一段时间,我一直很难理解 reduce() 这个方法的具体用法,平时也很少用到它。事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上,那么今天我们就来简单聊聊 JS 中 reduce () 的用法吧。
 
案例一:
 
下面开始我们提供一个包含对象的原始数组:
技术分享图片

下面我们用reduce()写一个去重的方法:
技术分享图片

首先用一个空对象做准备

然后用一个新值去接受,其中x代表的是结尾的空数组,而这里的y代表的是原数组的所有数据。

技术分享图片

空对象里拿数据的id做比较,用三目运算符如果结果为true则让值等于""空,

如果为false的话执行冒号后面的代码段:

让obj里的id为真,然后把数据push给空数组,

这样一来重复的数组将会被过滤掉!

 

打印:

 

技术分享图片

结果:

 

技术分享图片

可以看到重复的数据以及没有了。

 
 
案例二:
 
 技术分享图片
 继续定义一个带有重复元素的数组
 
下面我们把重复的元素计算出来:
技术分享图片

这段代码的意思是 如果数组中的某一项与其相等让它的值加一,

如果没有与其相等的,那么就默认给个1

这段代码主要用于计算重复值

打印后:

技术分享图片

结果:

技术分享图片

 

 

 

 

今天的分享就到这里,请多多关注涵桑!

JavaScript 中 reduce去重方法

原文:https://www.cnblogs.com/zjq19980319/p/12115112.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!