标签：10 聚合 reduce init var return 高阶 赋值

目录

reduce( )

reduce 原理 :

reduce( )

---

+ 语法: 数组.reduce( function ( prev, item, index, arr ) { }, 初始值 )

=>  参数 1 : 回调函数 , 函数会根据 数组 中的成员进行 重复调用

 -> 第一个参数 ( prev ) : 初始值 或 每一次叠加后的结果

 -> 第二个参数 ( item ) : 每一项

 -> 第三个参数 ( index ) : 索引

 -> 第四个参数 ( arr ) : 原始数组

=> 参数 2 : 初始值 : 默认是 0 , 表示从什么位置开始 叠加

---

 + 作用: 进行 叠加累计 

---

// reduce( )
var arr = [ 10, 20, 30, 40, 50 ]
console.log('原始数组 : ', arr) // [10, 20, 30, 40, 50]
var res = arr.reduce(function r(prev, item) {
// 以 return 的形式书写每次的叠加条件
  return prev + item
}, 0)
console.log('返回值 : ', res)  // 150

reduce 原理 :

---

1. 准备了一个 初始值 , 按照你传递的 第二个参数 来定

  => 准备初始值  var init = 0

  => 第一次赋值  var init = 10

  => 第二次赋值  var init = 30

  => 第三次赋值  var init = 60

  => 第四次赋值  var init = 100

  => 第五次赋值  var init = 150

2. 根据 原始数组 来调用  r  回调函数

  => 第一次调用 r ( 0, 10, 0, 原始数组 ) , return 0 + 10, 把 返回值再次赋值给 init

  => 第二次调用 r ( 10, 20, 1, 原始数组 ) , return 10 + 20, 把 返回值再次赋值给 init

  => 第三次调用 r ( 30, 30, 2, 原始数组 ) , return 30 + 30, 把 返回值再次赋值给 init

  => 第四次调用 r ( 60, 40, 3, 原始数组 ) , return 60 + 40, 把 返回值再次赋值给 init

  => 第五次调用 r ( 100, 50, 4, 原始数组 ) , return 100 + 50, 把 返回值再次赋值给 init

3. 把最初始准备的变量 init 结果, 当做 reduce 的返回值

标签：10,聚合,reduce,init,var,return,高阶,赋值
来源： https://blog.csdn.net/weixin_58099903/article/details/121028484

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。