前言
為啥要把es6 中 reduce 單獨拿出來說呢，因為這個功能實在太騷，值得如此。
reduce() 方法接收一個函數作為累加器，數組中的每個值（從左到右）開始縮減，最終計算為一個值。reduce() 方法接受四個參數：初始值（或者上一次回調函數的返回值），當前元素值，當前索引，調用 reduce() 的數組。
reduce() 的幾個強大用法：
數組求和
var total = [ 0, 1, 2, 3 ].reduce(( acc, cur ) => { return acc + cur}, 0);console.log(total) // 6二維數組轉為一維數組
var array = [[1, 2], [3, 4], [5, 6]].reduce(( acc, cur ) => { return acc.concat(cur)}, []);console.log(array) // [ 0, 1, 3, 4, 5, 6 ]計算數組中每個元素出現的次數
方法一
let names = ['tom', 'jim', 'jack', 'tom', 'jack'];const countNames = names.reduce((allNames, name) => { if (name in allNames) { allNames[name] ++; } else { allNames[name] = 1; } return allNames;}, {});console.log(countNames) // { tom: 2, jim: 1, jack: 2 }方法二
const arraySum = (arr, val) => arr.reduce((acc, cur) => { return cur == val ? acc + 1 : acc + 0}, 0);let arr = [ 0, 1, 3, 0, 2, 0, 2, 3 ]console.log(arraySum(arr, 0)) // 數組arr中 0 元素出現的次數為3數組去重
1.方法一
let arr = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4];let result = arr.sort().reduce((init, current) => { if (init.length === 0 || init[init.length - 1] !== current) { init.push(current); } return init;}, []);console.log(result); //[1,2,3,4,5]2.方法二
當然，對于數組去重，也可以直接使用es6的…[拓展運算符] + Set 實現：
// console.log(...new Set([1,2,3,4,5,2,4,1]))const dedupe = (array) => { return Array.from(new Set(array));}console.log(dedupe([1, 1, 2, 3])) //[1,2,3]總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對武林網的支持。
新聞熱點
疑難解答
