数组求和 -Array reduce

reduce 用法

// 传统
function sum1(arr) {
  let res = 0
  arr.forEach(n => res = res + n)
  return res
}

const arr = [1, 2, 3, 4, 5]
console.log(sum1(arr)) // 15

// reduce 用法
const sum2 = arr.reduce((sum2, curVal, index, arr) => {
  console.log('reduce funciton...')
  console.log('sum2', sum2) // 0 1 3 6 10 15
  console.log('curVal', curVal) // 1 2 3 4 5
  console.log('index', index) // 0 1 2 3 4
  console.log('arr', arr) // [1, 2, 3, 4, 5]

  // 返回值，作为下一次执行时的第一个参数 sum2 的值
  return sum2 + curVal
}, 0) // 0 初始值

console.log(sum2) // 15

// 简写
const sum3 = arr.reduce((sum3, curVal) => sum3 + curVal, 0)
console.log(sum3) // 15

// 计数
const arr2 = [1, 2, 3, 4, 5, 1, 2, 3, 2]
const count = arr2.reduce((count, val) => {
  return val === 2 ? count + 1 : count
}, 0)
console.log(count) // 3

// 输出字符串
const arr3 = [
  {name: '张三', age: 20},
  {name: '李四', age: 21},
  {name: '小明', age: 22},
]
const str1 = arr3.map(item => {
  return `${item.name}-${item.age}`
}).join('\n')
console.log(str1)
// 张三-20
// 李四-21
// 小明-22
const str2 = arr3.reduce((s, item) => {
  return `${s}${item.name}-${item.age}\n`
}, '')
console.log(str2)
// 张三-20
// 李四-21
// 小明-22