数组的reduce方法

柔情只为你懂 2022-09-16 03:42 142阅读 0赞

## 一、reduce的理解 ##

###         arr.reduce(function(pre,cur,index,arr)\{\},init) ###

### 或者  arr.reduce(function(pre,cur,index,arr)\{\}) ###

**-- arr 表示原数组**

**--** **pre 表示上一次调用回调函数后的返回值，或者原始值 init。**

**        如果init设置的值，那么第一次调用回调时，pre值就是init的值，如果没有设置init的值，那么第一次调用回调时，pre值就是arr第一项元素的值**

**-- cur 当前正在处理的数组元素，若提供init值，cur为数组第一项的值，否则数组第2项的值**

**-- index 当前正在处理的数组元素的索引 ，若提供init值，则索引为0，否则，索引为1**

**-- init 表示初始值**

## **二、reduce的应用** ##

### **1、数组求和或者求乘积** ###

var arr = [1,2,3,4,5]
    
    var sum = arr.reduce((pre,cur) => {
        return pre+cur
    })
    
    console.log(sum) //15
    
    var sum2 = arr.reduce((pre,cur)=>{
        return pre + cur
    },2)
    
    console.log(sum2) // 17

### 2、计算数组中每个元素出现的次数 ###

var arr = ['张三','张三','李四','王五','李四']
    var sumArr = arr.reduce((pre,cur)=>{
        if(cur in pre){
            pre[cur] ++
        }else{
            pre[cur] = 1
        }
        return pre
    },{})

### 3、数组的扁平化处理 ###

var arr = [1,[2,[3,4],5],6]
    
    const newArr = (arr) => {
        return arr.reduce((pre,cur) => {
            return pre.concat(Array.isArray(cur) ? newArr(cur) : cur)
        },[])
    } 
    console.log(newArr(arr))

### 4、数组去重 ###

var arr = [1,1,1,4,5,2,2,4,8,5,8,8,6]
    
    var newArr = arr.reduce((pre,cur)=>{
        if(pre.indexOf(cur) < 0){
            pre.push(cur)
        }
        return pre
    },[])

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关数组的方法

数组的方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

浅浅的花香味﹌/ 2023年02月24日 03:57/ 0 赞/ 30 阅读

相关数组的sort方法

数组的sort方法排序： var arr = \[12,4,16,5,7,14,"e",23,20\] arr.sort() 是将arr中每个值转换为字符串，然后根据字符

心已赠人/ 2022年10月07日 08:57/ 0 赞/ 173 阅读

相关数组的reduce方法

一、reduce的理解 arr.reduce(function(pre,cur,index,arr)\{\},init) 或者 arr.redu

柔情只为你懂/ 2022年09月16日 03:42/ 0 赞/ 143 阅读

相关数组的方法

every: 对数组的每个项做一个判断，如果每个数据执行函数后返回结果都为true, 返回结果就是true, 如果有一个是false, 返回结果就是false

迈不过友情╰/ 2022年08月28日 07:59/ 0 赞/ 235 阅读

相关 JS数组的方法

<table> <tbody> <tr> <td> <p><a href="http://www.w3school.com.cn/js/jsref_conca

桃扇骨/ 2021年12月24日 16:51/ 0 赞/ 378 阅读

相关数组的concat方法

concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。下面来看一个例子： var hege = ["Cec

曾经终败给现在/ 2021年09月17日 02:04/ 0 赞/ 448 阅读

相关数组的forEach方法

forEach 方法不直接修改原始数组 const arrStr=["张三","李四","王五","赵六"]; ar

迈不过友情╰/ 2021年09月17日 01:58/ 0 赞/ 394 阅读

相关 js 数组的方法

concat 数组的合并 (1)数组名.concat(合并数据,合并数据); 返回一个新数组 var arr=[1,"abc","张三",

╰+攻爆jí腚メ/ 2021年07月24日 16:22/ 0 赞/ 557 阅读

相关 JS中数组的迭代方法forEach、map、filter、reduce、every、some

JS中数组的迭代方法forEach、map、filter、reduce、every、some 在日常处理JS的数组过程中, 我们通常是采用for循环的方式来实现. 下面总...

红太狼/ 2020年06月06日 17:04/ 0 赞/ 863 阅读

相关 JS中数组的迭代方法：filter、reduce、every、some

在日常处理JS的数组过程中, 我们通常是采用for循环的方式来实现. 下面总结一些常用的除for循环之外的数组迭代方法.

朱雀/ 2020年05月10日 16:44/ 0 赞/ 843 阅读