如何使用 Ramda 實作 range() ?

栏目: JavaScript · 发布时间: 6年前

内容简介:使用 ECMAScript 建立也很簡單,首先但我們要的是以

range() 也算實務上常用的 function,只要傳入 初始值結束值 ,就可建立 Array,在很多語言都有內建 range() ,但可惜 ECMAScript 並沒有,我們就使用 Ramda 與 FP 思維來實作吧。

ECMAScript

export const range = (start, end) => {
  const size = (end - start) + 1;
  return [...Array(size).keys()].map(i => i + start);
};

console.log(range(1, 3));

使用 ECMAScript 建立也很簡單,首先 endstart 相減求出 size ,以此 size 建立新的 Array,再透過 keys() 回傳以 index 所建立的 array。

但我們要的是以 start 為開始,再透過 map() 產生一個新的 array 即可。

其實這樣的實作也經非常精簡,也使用了 map() , 算是有 FP 的味道了。

如何使用 Ramda 實作 range() ?

Ramda

import { pipe, keys, map, add, curry } from 'ramda';

const getSize = curry((start, end) => () => end - start + 1);
const genArray = x => [...Array(x)];
const range = curry((start, end) => pipe(
  getSize(start, end),
  genArray,
  keys,
  map(add(start)),
)());

console.log(range(1, 3));

回想我們實作 range() 的思路:

  1. startend 獲得 size
  2. size 建立新的 array
  3. 以 array 的 index 再建立新的 array
  4. 將 array 的每個 item 加上 start

既然我們已經有了想法,就將每個步驟寫成 function,然後再 compose 成新的 function,這就是 FP 的精髓。

第 3 行

const getSize = curry((start, end) => () => end - start + 1);

建立 getSize() ,由 startend 求得 size 回傳。

第 4 行

const genArray = x => [...Array(x)];

由 size 建立新的 array。

至於由 index 建立新的 array,Ramda 有提供 keys() operator,我們直接使用即可。

將 array 的每個 item 加上 start ,也可直接使用 Ramda 的 map() operator。

const range = curry((start, end) => pipe(
  getSize(start, end),
  genArray,
  keys,
  map(add(start)),
)());

因此 range() 就是將 getSize()getArray()keys()map() 4 個 function 加以 compose 而成。

其中前兩個 function 為自己建立, keys()map() 則使用 Ramda 的 operator。

如何使用 Ramda 實作 range() ?

Q : 改用 Ramda 之後,行數變多了,這樣有比較好嗎 ?

FP 的精髓就是 Divide and Conquer,將問題拆成更小的問題,各自擊破後,再加以組合。

FP 也真正實踐了 SRP 單一職責原則 ,每個 function 都真正對應一個思路步驟。

我們的思路在 pipe() 的每一個步驟都得到對應,一目瞭然。

getSize()genArray() 這種顆粒很小的 function,將來重複使用的機會就很高。

雖然行數變多,但以上這些優點都是原本寫法所沒有的。

Conclusion

  • Ramda 讓我們實踐 FP 的精神:Divide and Conquer 成小 function,最後再 compose 成新的 function
  • Ramda 由於 function 顆粒很小,重複使用的機會非常高
  • Ramda 讓我們可以很清楚地看到演算法的思路過程

以上所述就是小编给大家介绍的《如何使用 Ramda 實作 range() ?》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

JSF第一步

JSF第一步

罗会波 / 清华大学出版社 / 2007-10 / 65.00元

《JSF第一步:JSF+Spring+Hibernate+AJAX编程》讲述JSF是表示层框架的标准,Hibernate是一个比较完善的对象关系映射工具,Spring则提供了一个Web应用的轻量级的解决方案。在开发一个多层的Java EE应用程序时,这些框架可谓是相辅相成、相得益彰,可以称得上是开发轻量级Java EE应用的三剑客。另外,AJAX是一种非常流行的改善用户体验的技术,但目前国内外还没......一起来看看 《JSF第一步》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码