Reduce 与Object.assign()

一.Reduce

JavaScript中reduce()方法不彻底指南

reduce() 方法接收一个函数做为累加器，数组中的每一个值（从左到右）开始缩减，最终为一个值，是ES5中新增的又一个数组逐项处理方法，那reduce方法跟foreach、map等数组方法又有啥区别呢。

语法：

arr.reduce(callback[, initialValue]) —More From MDN

参数：

• callback（一个在数组中每一项上调用的函数，接受四个函数：）
  • previousValue（上一次调用回调函数时的返回值，或者初始值）
  • currentValue（当前正在处理的数组元素）
  • currentIndex（当前正在处理的数组元素下标）
  • array（调用reduce()方法的数组）
• initialValue（可选的初始值。做为第一次调用回调函数时传给previousValue的值）

图解参数

抛开上面晦涩难懂的语法介绍，下面咱们直接上实例：

实例：

数组 arr = [1,2,3,4] 求数组的和

forEach 实现

var arr = [1,2,3,4],
sum = 0;
arr.forEach(function(e){sum += e;}); // sum = 10  just for demo

 

map 实现

 

var arr = [1,2,3,4],
sum = 0;
arr.map(function(obj){sum += obj});//return undefined array. sum = 10  just for demo

reduce实现

var arr = [1,2,3,4];
arr.reduce(function(pre,cur){return pre + cur}); // return 10

没错，reduce 专为累加这种操做而设计，为累加这类操做而设计的参数，十分方便。
那么问题来了，reduce方法的参数到底有哪些用法呢
 

二.Object.assign()

Object.assign() 方法用于将全部可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

语法

Object.assign(target, ...sources)

参数

target

目标对象。

sources

(多个)源对象。

返回值

目标对象。

示例

复制一个 object

var obj = { a: 1 };
var copy = Object.assign({}, obj);
console.log(copy); // { a: 1 }