JS数组 map与reduce

1、语法

arr.reduce(callback,[initialValue])

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：

1.初始值（或者上一次回调函数的返回值），2.当前元素值，3.当前索引，4.调用 reduce 的数组。

callback （执行数组中每个值的函数，包含四个参数）
    1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
    2、currentValue （数组中当前被处理的元素）
    3、index （当前元素在数组中的索引）
    4、array （调用 reduce 的数组）

initialValue （作为第一次调用 callback 的第一个参数。）

var arr = [2, 1, 4, 5];
var sum = arr.reduce((prev, cur, index, arr)=>{
    console.log(prev, cur, index);
    return prev + cur;
})
console.log(arr, sum);





2 1 1
3 4 2
7 5 3

[2, 1, 4, 5]  12

设置初始值进行计算：

var arr = [2, 1, 4, 5];
var sum = arr.reduce((prev, cur, index, arr)=> {
    console.log(prev, cur, index);
    return prev + cur;
},100) //注意设置了初始值
console.log(arr, sum);

结论：如果没有提供initialValue，reduce 会从索引1的地方开始执行 callback 方法，跳过第一个索引。如果提供initialValue，从索引0开始。

运用：

//3.1 求和与累积
var  arr = [1, 2, 3, 4];
var sum = arr.reduce((x,y)=>x+y)
var mul = arr.reduce((x,y)=>x*y)
console.log( sum ); //求和，10
console.log( mul ); //求乘积，24

//3.2 计算数组中每个元素出现的次数
let names = ['1', '1', '2', '2', '3','1'];

let nameNum = names.reduce((pre,cur)=>{
  if(cur in pre){
    pre[cur]++
  }else{
    pre[cur] = 1 
  }
  return pre
},{})
console.log(nameNum); //{"1":3,"2":2,"3":1}

//3.3 数组去重
let arr = [1,2,3,4,4,1]
let newArr = arr.reduce((pre,cur)=>{
    if(!pre.includes(cur)){
      return pre.concat(cur)
    }else{
      return pre
    }
},[])
console.log(newArr);// [1, 2, 3, 4]

//3.4 将二维数组转化为一维
let arr = [[0, 1], [2, 3], [4, 5]]
let newArr = arr.reduce((pre,cur)=>{
    return pre.concat(cur)
},[])
console.log(newArr); // [0, 1, 2, 3, 4, 5]

//3.5 将多维数组转化为一维

//newArr函数返回一个数组，  reduce 里面处理，如果当前元素是一个数组就继续调用newArr，如果不是数组就合并进目标数组里。
const newArr = function(arr){
   return arr.reduce( (pre,cur)=> pre.concat(  Array.isArray(cur)?newArr(cur):cur ) ,[] )
}



console.log(newArr(arr)); //[0, 1, 2, 3, 4, 5, 6, 7]


let arr2 = [0, 1, 2, 3, 4, 5, 6, 7]
console.log(newArr(arr2));

//3.6 对象里的属性求和(reduce最适用的业务)

var result = [
    {
        subject: 'math',
        score: 10
    },
    {
        subject: 'chinese',
        score: 20
    },
    {
        subject: 'english',
        score: 30
    }
];

var sum = result.reduce(function(prev, cur) {
    return cur.score + prev;
}, 0);
console.log(sum) //60

二.Map类型
1.Map 的基本概念
Map 保存一个键值对, 任何值或键都作为一个键或者值。和 Set 中元素的 [value,value] 形式不同，Map 中元素的形式是 [key,value]

注：要是用引用类型的数据作为键名，则要注意获取该键值对时，需要传递同地址的引用类型的数据，而非简单的同值数据。