JavaScript reduce()方法

前言
本稿では主にreduce関数の様々な使用場面を説明する.
一、reduce文法
reduceは2つのパラメータを受信します.1番目のパラメータはコールバック関数で、2番目のパラメータは初期値initial Valueです.(オプション)
最初のパラメータ(コールバック関数)は、次の4つのパラメータを受信します.Acceumulator(acc)Curent Value(Cur)(現在値)Currennt Index(id x)Source Arry(Src)(ソース配列)

/**
 * @param function     ，             
 * @param initialValue     ，         
*/
array.reduce(
  /**
   * @param Accumulator     ，            。
   * @param currentValue     ，    
   * @param currentIndex     ，       
   * @param sourceArray     ，    
  */
  function(Accumulator, currentValue, currentIndex, sourceArray),
  initialValue
);

二、使用例
1、積算

let sum = [1, 2, 3].reduce((acc, cur, idx) => {
     
  return acc + cur
}, 10)  //       10

//     
//let sum = [1, 2, 3].reduce((acc, cur) => acc + cur, 10)

console.log('sum：', sum)  // sum：16

オブジェクトの属性の合計:

let sum = [{
     n: 1}, {
     n: 2}, {
     n: 3}].reduce((acc, cur) => {
     
  return acc + cur.n
}, 0)

console.log('sum：', sum) // sum：6

2、重いものを取りに行きます

//       
let uniqueArr = [1, 2, 1, 4, 2, 3, 5, 3, 4, 2, 1, 5, 7, 3, 2, 4].reduce((acc, cur) => {
     
  if(!acc.includes(cur)) acc.push(cur)
  return acc
}, [])
console.log("uniqueArr：", uniqueArr) // uniqueArr：[1, 2, 4, 3, 5, 7]

3、二次元配列を一桁配列に変換する

let flatArr = [[1, 2], [34], [5], 6, [3, 5]].reduce((acc, cur) => acc.concat(cur), [])

console.log("flatArr：", flatArr) // flatArr：[1, 2, 34, 5, 6, 3, 5]

4、多次元配列を一次元配列に変換する

const flattenArr = function (arr) {
     
  return arr.reduce((acc, cur) => {
     
    return acc.concat(Array.isArray(cur) ? flattenArr(cur) : cur)
  }, [])
}
let arrFlat = [[0, [1]], [2, 3], [4, [5, [6, 7]]]]
console.log('flattenArr：', flattenArr(arrFlat)) // flattenArr：[0, 1, 2, 3, 4, 5, 6, 7]

5、文字列の文字数を統計する

function getLetterNum(str) {
     
  let hash = {
     }
  let res = str.split('').reduce((acc, cur) => {
     
    hash[cur] ? acc[cur]++ : hash[cur]=true && (acc[cur] = 1)
    return acc
  }, {
     })
  return res
}

var str = 'abahaabbbaccccddhgddadag'
console.log('getLetterNum：', getLetterNum(str)) // getLetterNum： {a: 7, b: 4, h: 2, c: 4, d: 5, g: 2}

6、最大値/最小値を求める

//    
let maxArr = [2, 34, 5, 67, 8].reduce((acc, cur) => Math.max(acc, cur))
console.log('maxArr：', maxArr) // maxArr： 67

//    
let minArr = [2, 34, 5, 67, 8].reduce((acc, cur) => Math.min(acc, cur))
console.log('minArr：', minArr) // maxArr： 2