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 }