reduce（）的使用

概述：

reduce()是ECMAScript为数组提供的归并方法，该方法会迭代数组的所有项，并构建一个最终返回值

• 接收参数： 一个函数、可选的归并起点值
• 第一个参数作为函数可以接收四个值： 上一个归并值、当前值、当前项的索引、数组本身

基本使用（取得数组各项的值并进行累加操作或阶乘）：

const arr = [1, 2, 3, 4, 5, 3, 4, 5 ,6 ,7 , 7]
    var sum = arr.reduce((pre, cur, index, array) => {
      console.log(pre, cur, index);
      return pre + cur
    })
    console.log(sum); //47,数组所有项的和，最后一项归并值

打印结果：

进阶用法

• 数组去重

思路：

1. 设定初始归并值为空数组，用于接收去重后的数组；
2. 将待去重的数组的每一项迭代【即cur】通过concat（cur）方法添加至副本【初始归并值pre】末尾
3. 通过搜索方法includes（）判断当前项是否存在于归并数组中，存在时，直接对归并值返回，反之，将当前迭代值通过concat（）方法添加到数组末尾

const arr = [1, 2, 3, 4, 5, 3, 4, 5 ,6 ,7 , 7]
var sum2 = arr.reduce((pre, cur, index, arr) => {
      if (!pre.includes(cur)) {
        return pre.concat(cur)
      }else {
        return pre
      }
    }, [])
    console.log(sum2);//[1, 2, 3, 4, 5, 6, 7]

• 统计数组相同项出现的次数

思路：
1.设定初始归并值为空对象，对象属性为数组项的值，对象属性值存放相同数组项出现的次数；

2. 通过in操作符来判断以数组项值为名的属性是否存在于对象中，存在的话，将以该数组项值为属性名的属性值进行+1操作，否则，说明该数组项第一次出现，将代表出现次数的属性值设定为1

// 计算数组中每个元素出现的次数
    const names = ['孙悟空', '猪八戒', '沙和尚', '唐僧', '孙悟空', '猪八戒']

    let sum1 = names.reduce((pre, cur, index, array) => {
      if ( cur in pre ) {
        pre[cur]++
      }else {
        pre[cur] = 1
      }
      return pre
    }, {})
    console.log(sum1);//{孙悟空: 2, 猪八戒: 2, 沙和尚: 1, 唐僧: 1}

• 二维数组转为一维数组

const arr1 = [[1, 2], [2, 3], [4, 5]]

    let arr_1 = arr1.reduce((pre, cur, index, arr) => {
      pre = pre.concat(cur)
      return pre
    }, [])
    console.log(arr_1);

• 操作对象

const books = [
      {name: '解构现代化', price: 34, author: '温铁军'},
      {name: '去依附', price: 26, author: '温铁军'},
      {name: '八次危机', price: 30, author: '温铁军'},
      {name: '百年孤独', price: 46, author: '加西亚.马尔克斯'},
      {name: '霍乱时期的爱情', price: 28, author: '加西亚.马尔克斯'},
      {name: '三体', price: 58, author: '刘慈欣'}
    ]
    // 需求1--求所有书籍的总价格
    var price_sum = books.reduce((pre, cur, index, array) => {
      return pre += cur.price;
    }, 0)
    console.log(price_sum);
    
    // 需求2--求温铁军的书籍的总价格
    var wen_price_sum = books.reduce((pre, cur, index, array) => {
      if (cur.author === '温铁军') {
        pre += cur.price
      }
      return pre
    }, 0)
    console.log(wen_price_sum);

    // 需求3--求温铁军书籍的平均价格
    var wen_price_aver = books.reduce((pre, cur, index, array) => {
      if (cur.author === '温铁军') {
        pre.name = "温铁军",
        pre.total += cur.price
        pre.count ++
      }
      return pre
    }, {name: '', total: 0, count: 0})


    console.log(wen_price_aver);
    console.log(wen_price_aver.total/wen_price_aver.count);

// 求所有作者书的平均价格
    var all_price_aver = books.reduce((pre, cur, index, array) => {
      // 当归并对象内不存在该属性时，对该属性进行初始化，纪录作者名、总量、出现次数
      if (!pre[cur.author]) {
        pre[cur.author] = {
          name: cur.author,
          total: 0,
          count: 0
        }
      }
      // 对价格进行累加操作
      pre[cur.author].total += cur.price
      // 用对象属性纪录当前项出现次数
      pre[cur.author].count++

      return pre
    }, {})

    console.log(all_price_aver);
    var mylist = Object.values(all_price_aver)
    console.log(mylist);
    // 接收包含作者及价格平均值的对象
    const obj = {}
    // 遍历数组，将数组各需要项赋值给接收对象【作者名为属性名， 平均值为属性值】
    var mysum = mylist.forEach((item) => {
      console.log(item);
      obj[item.name] = item.total/item.count
    })

    console.log(obj);//{温铁军: 30, 加西亚.马尔克斯: 37, 刘慈欣: 58}