JS高阶函数reduce()的常用场景

时间: 2020-07-30阅读: 74标签: 函数

1. reduce()语法

// total	必需。初始值, 或者计算结束后的返回值。
// currentValue	必需。当前元素
// currentIndex	可选。当前元素的索引
// arr	可选。当前元素所属的数组对象。
// initialValue	可选。传递给函数的初始值
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

2. 数组求和

var aa = [1,2,3,4.1,5,'2','9'];
var bb = aa.reduce(function(total,currentValue,currentIndex,arr){
    return total+ Number(currentValue)
},0)
console.log(bb); // 26.1

3. 数组最大值

var aa = [1,2,3,4.1,5,'2','9'];
var bb = aa.reduce(function(total,currentValue,currentIndex,arr){
    return Math.max(Number(total),Number(currentValue))
})
console.log(bb); // 9

4. 数组去重

var aa =[1,2,3,4.1,5,5,'2','2','9',1];
var bb = aa.reduce(function(total,currentValue,currentIndex,arr){
    if(total.indexOf(currentValue) == -1) {
	    total.push(currentValue);
	}
	return total;
},[])
console.log(bb); //  [1, 2, 3, 4.1, 5, "2", "9"]

5. 计算数组中每个元素的出现的次数

var aa = [1,2,3,4.1,5,5,2,2,9,1];
var bb = aa.reduce(function(total,currentValue,currentIndex,arr){
   total[currentValue]?total[currentValue]++:total[currentValue]=1
   return total
},{})
console.log(bb);// {1: 2, 2: 3, 3: 1, 5: 2, 9: 1, 4.1: 1}

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/9530

关闭

js构造函数

JS中的函数即可以是构造函数又可以当作普通函数来调用,当使用new来创建对象时,对应的函数就是构造函数,通过对象来调用时就是普通函数。在我们平时工作中,经常会需要我们创建一个对象,而我们更多的是使用对像直接量,直接创建

探讨构造函数内部的方法的问题

使用构造函数的主要问题,就是每个方法都要在实例上重新创建一遍。探讨构造函数内部的方法(或函数)的问题,首先看下两个实例化后的属性或方法是否相等。

jQuery.toggleClass() 函数详解

toggleClass()函数用于切换当前jQuery对象所匹配的每一个元素上指定的css类名。所谓切换就是如果该元素上已存在指定的类名,则移除掉;如果不存在,则添加该类名。该方法检查每个元素中指定的类。

用 await/async 正确链接Js中的多个函数

在我完成 electrade 的工作之余,还帮助一个朋友的团队完成了他们的项目。最近,我们希望为这个项目构建一个 Craiglist 风格的匿名电子邮件中继,其中包含 “serverless” Google Firebase Function

浅谈JavaScript的防抖与节流

在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。这时候就用到防抖与节流。

如何实现 lodash.get 函数及可选链操作简化取值

lodash 基本上成为了 js 项目的标配工具函数,广泛应用在各种服务端以及前端应用中,但是它的包体积略大了一些。对于服务端来说,包的体积并不是十分的重要,或者换句话说,不像前端那样对包的体积特别敏感,一分一毫都会影响页面打开的性能,从而影响用户体验。

js调用函数的几种方法_ES5/ES6的函数调用方式

这篇文章主要介绍ES5中函数的4种调用,在ES5中函数内容的this指向和调用方法有关。以及ES6中函数的调用,使用箭头函数,其中箭头函数的this是和定义时有关和调用无关。

CSS的var()函数怎么用?

CSS中的var()函数可用于插入自定义属性(有时称为“css变量”)的值,而不是插入其他属性值的任何部分。随着sass,less预编译的流行,css也随即推出了变量定义var函数。var()函数,就如同sass和less等预编译软件一样,可以定义变量并且进行对应的使用。

实现一个JS深拷贝函数

JS深拷贝概念并不新鲜,但是真正要真正理解原理还是有点难度的。这也是JS语言精粹之一吧。因为JS对于对象的赋值使用的是浅拷贝,其中一个实例变量的赋值会影响到所有指向该对象的变量

Vue.js render函数那些事儿

大多时候,我会使用template, vue单文件去渲染组件。虽然知道Vue中有个render函数,但却很少在项目中去主动使用它。使用最多的地方是在使用一些UI框架的时候,比如iview table中的按钮操作,会使用到render函数

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广