JavaScript中的reduce的用法

• reduce的介绍
• reduce的基本用法
• • 列表的求和:
  • 列表的求积:

reduce的介绍

1.reduce和迭代方法（map、fliter、forEach）一样，会遍历数组；reduce()方法会遍历数组中的每一个元素，每遍历一次就会执行一次回调函数。当遍历完之后会将最后的结果返回出去。

2.reduce( )方法有两个参数，第一个参数是累加函数，第二个是函数的previousValue的初始值。

reduce的基本用法

列表的求和:

    const arr=[1,2,3,4,5]const newarr=arr.reduce((previousValue,current)=>{ console.log(previousValue+'-----'+current);//结果为://1-----2//3-----3//6-----4//10-----5return previousValue + current // 求和运用});console.log(newarr); //输出 15

列表的求积:

const arr=[1,2,3,4,5]
const newarr2=arr.reduce(function(previousValue,current){console.log(previousValue+'-----'+current)//结果为://1-----2//2-----3//6-----4//24-----5return previousValue * current // // 求积运用});console.log(newarr2); //输出 120

上面的代码累加函数都是从列表的第一位开始的
我们可以设置累加函数的默认值，例如：

    const arr=[1,2,3,4,5]const newarr=arr.reduce((previousValue,current)=>{ console.log(previousValue+'-----'+current);//结果为://2-----1//3-----2//5-----3//8-----4//12-----5return previousValue + current // 求和运用},2);console.log(newarr); //输出 17

reduce计算数组中元素出现的次数

let arr1 = ['name','age','long','short','long','name','name'] // 计算数组中元素出现的次数let arrResult = arr1.reduce((pre,cur) =>{if(cur in pre){pre[cur]++ //这里的意思是如果pre里面有这个属性就加一}else{pre[cur] = 1  // 这里意思是往pre对象中如果没有这个属性，就把这个属性赋值为1}return pre},{});console.log(arrResult) //输出{name: 3, age: 1, long: 2, short: 1}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！