JS函數(shù)式編程數(shù)組部分風格 ES6版

cppprimer 發(fā)布于2019-08-22 13:49 / 3128人閱讀

摘要：遍歷數(shù)組查找數(shù)組中的一項匹配條件的第一項數(shù)組過濾方法接收一個函數(shù)作為累加器，數(shù)組中的每個值從左到右開始執(zhí)行方法，最終返回一個值。假如執(zhí)行執(zhí)行過程為求和復(fù)雜應(yīng)用將解析為更多文章

遍歷數(shù)組:

for(let item of array) {
    
}

// FP
// return array
array.map((item, index) => {})

查找數(shù)組中的一項:

for(let item of array) {
    if(item === _item) {
        
    }
}

// FP
// return item 匹配條件的第一項
array.find(item => item === _item)

數(shù)組過濾:

for(let item of array) {
    if(item > someValue) {
        
    }
}

// FP
// return array
array.filter(item => item > someValue)

reduce

reduce() 方法接收一個函數(shù)作為累加器，數(shù)組中的每個值從左到右開始執(zhí)行方法，最終返回一個值。

array.reduce((preValue, currentValue, index, array) => {}, initialValue);

// fn(fn(fn(initialValue, array[0]), array[1]), array[2])
// 假如array = [1, 2, 3]
// 執(zhí)行
array.reduce((preValue, currentValue) => preValue + currentValue, 0);
// 執(zhí)行過程為
// step 1. return 0 + 1
// step 2. return 1 + 2
// step 3. return 3 + 3

求和：

let array = [1, 2, 3, 4, 5];
let sum = 0;
for(let item of array) {
    sum += item;
}

// FP
let sum = array.reduce((pre, cur) => pre + cur, 0);

復(fù)雜應(yīng)用：

// 將"/aaa/bbb/ccc" 解析為 ["/aaa", "/aaa/bbb", "/aaa/bbb/ccc"]
const fn = path =>
    path.split("/")
        .map(item => "/" + item)
        .reduce((pre, cur, index) => pre.concat(index < 1 ? "" : pre[index - 1] + cur), [])
        .filter((item, index) => index > 0);

更多文章 yjy5264.github.io

GPU云服務(wù)器云服務(wù)器 js函數(shù)式編程視頻函數(shù)式編程函數(shù)式編程指針函數(shù)式編程語言?

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/92477.html

相關(guān)文章

翻譯連載 | JavaScript輕量級函數(shù)式編程-第4章:組合函數(shù) |《你不知道的JS》姊妹篇

摘要：把數(shù)據(jù)的流向想象成糖果工廠的一條傳送帶，每一次操作其實都是冷卻切割包裝糖果中的一步。在該章節(jié)中，我們將會用糖果工廠的類比來解釋什么是組合。糖果工廠靠這套流程運營的很成功，但是和所有的商業(yè)公司一樣，管理者們需要不停的尋找增長點。原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者關(guān)于譯者：這是一個流淌...

JowayYoung 2019-08-20 19:08 評論0 收藏0
翻譯連載 | JavaScript 輕量級函數(shù)式編程-第3章:管理函數(shù)的輸入 |《你不知道的JS》姊

摘要：但是，對函數(shù)式編程而言，這個行為的重要性是毋庸置疑的。關(guān)于該模式更正式的說法是偏函數(shù)嚴格來講是一個減少函數(shù)參數(shù)個數(shù)的過程這里的參數(shù)個數(shù)指的是希望傳入的形參的數(shù)量。原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者關(guān)于譯者：這是一個流淌著滬江血液的純粹工程：認真，是 HTML 最堅實的梁柱；分享，是...

xiaowugui666 2019-08-20 19:08 評論0 收藏0
JavaScript函數(shù)式編程(一)

摘要：所以下面介紹一些函數(shù)式編程的知識和概念。函數(shù)式編程的一個明顯的好處就是這種聲明式的代碼，對于無副作用的純函數(shù)，我們完全可以不考慮函數(shù)內(nèi)部是如何實現(xiàn)的，專注于編寫業(yè)務(wù)代碼。原文鏈接引言說到函數(shù)式編程，大家可能第一印象都是學院派的那些晦澀難懂的代碼，充滿了一大堆抽象的不知所云的符號，似乎只有大學里的計算機教授才會使用這些東西。在曾經(jīng)的某個時代可能確實如此，但是近年來隨著技術(shù)的發(fā)展，函...

hedzr 2019-08-21 14:42 評論0 收藏0
JavaScript函數(shù)式編程（一）

摘要：所以下面介紹一些函數(shù)式編程的知識和概念。函數(shù)式編程的一個明顯的好處就是這種聲明式的代碼，對于無副作用的純函數(shù)，我們完全可以不考慮函數(shù)內(nèi)部是如何實現(xiàn)的，專注于編寫業(yè)務(wù)代碼。我會在下一篇文章中介紹函數(shù)式編程的更加高階一些的知識，例如等等概念。一、引言說到函數(shù)式編程，大家可能第一印象都是學院派的那些晦澀難懂的代碼，充滿了一大堆抽象的不知所云的符號，似乎只有大學里的計算機教授才會使用這些東...

Shihira 2019-08-21 10:55 評論0 收藏0
JavaScript 之函數(shù)式編程

摘要：同步發(fā)布于是個程序員都知道函數(shù)，但是有些人不一定清楚函數(shù)式編程的概念。你的項目沒用到函數(shù)式編程，不代表項目不好。函數(shù)式編程的對立面就是命令式編程。函數(shù)式編程只是一個概念一致編碼方式，并沒有嚴格的定義。這里總結(jié)一些常用的函數(shù)式編程應(yīng)用場景。同步發(fā)布于 https://github.com/xianshanna... 是個程序員都知道函數(shù)，但是有些人不一定清楚函數(shù)式編程的概念。應(yīng)用的迭...

bbbbbb 2019-08-23 16:46 評論0 收藏0