JS函數式編程數組部分風格 ES6版

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

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

遍歷數組:

for(let item of array) {
    
}

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

查找數組中的一項:

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

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

數組過濾:

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

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

reduce

reduce() 方法接收一個函數作為累加器，數組中的每個值從左到右開始執(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);

復雜應用：

// 將"/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云服務器 js函數式編程視頻函數式編程函數式編程指針函數式編程語言?

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92477.html

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

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

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

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

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

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

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

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

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

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

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