内容简介：Ramda 有兩個 Operator 長的非常像：VS Code 1.31.1Quokka 1.0.136
Ramda 有兩個 Operator 長的非常像： propEq() 與 eqProps() ，初學者常常搞混，特別就這兩個 Operator 討論之。
Version
VS Code 1.31.1
Quokka 1.0.136
Ramda 0.26.1
propEq()
propEq()
String -> a -> Object -> Boolean
比對 object 的 property 與 value 是否相等
String ：object 的 property
a ：要比較的資料
Object ：data 為 object
Boolean ：若相等傳回 true ，不相等傳回 false
由於 propEq() 的 currying 特性，只提供前兩個參數，剛好回傳 Object -> Boolean ，特別適合成為 predicate function
import { filter } from 'ramda'
const data = [
{ id: 1, title: 'Impatient JavaScript', year: 2018 },
{ id: 2, title: 'RxJS in Action', year: 2017 },
{ id: 3, title: 'Speaking JavaScript', year: 2014 },
]
const getTitle = val => filter(x => x.title === val)
const result = getTitle('RxJS in Action')(data)
console.dir(result)
第 9 行
const getTitle = val => filter(x => x.title === val)
想使用 filter() 找到指定 title 的 object，第一個參數為 predicate function，因此可使用 Arrow Function 表示。
import { filter, prop, equals, compose } from 'ramda'
const data = [
{ id: 1, title: 'Impatient JavaScript', year: 2018 },
{ id: 2, title: 'RxJS in Action', year: 2017 },
{ id: 3, title: 'Speaking JavaScript', year: 2014 },
]
const getTitle = val => filter(
compose(
equals(val),
prop('title')
)
)
const result = getTitle('RxJS in Action')(data)
console.dir(result)
由於 x.title 可使用 Ramda 的 prop() ，而 === 可使用 Ramda 的 equals() ，因此可用 compose() 動態組合出一個新 function 產生 predicate function。
import { propEq, filter } from 'ramda'
const data = [
{ id: 1, title: 'Impatient JavaScript', year: 2018 },
{ id: 2, title: 'RxJS in Action', year: 2017 },
{ id: 3, title: 'Speaking JavaScript', year: 2014 },
]
const getTitle = title => filter(
propEq('title', title),
)
const result = getTitle('RxJS in Action')(data)
console.dir(result)
由於 compose(equals(val), prop('title')) 這類 function 實在太常使用，因此 Ramda 提供了 propEq() 。
eqProps()
eqProps()
k → {k: v} → {k: v} → Boolean
根據指定的 property 比較兩個 object 是否相等
k ：指定要比較 property 的 key
{k: v} ：要比較的 source object
{k: v} ：data 為要比較的 target object
Boolean ：若相等傳回 true ，不相等傳回 false
由於 eqProps() 的 currying 特性，只提供前兩個參數，剛好回傳 {k: v} -> Boolean ，特別適合成為 predicate function
import { filter } from 'ramda'
const data = [
{ id: 1, title: 'Impatient JavaScript', year: 2018 },
{ id: 2, title: 'RxJS in Action', year: 2017 },
{ id: 3, title: 'Speaking JavaScript', year: 2014 },
]
const item = { title: 'RxJS in Action' }
const getTitle = item => filter(x => x.title === item.title)
const result = getTitle(item)(data)
console.dir(result)
11 行
const getTitle = item => filter(x => x.title === item.title)
想使用 filter() 找到指定 title 的 object，第一個參數為 predicate function，因此可使用 Arrow Function 表示。
由於 item 為 object，因此必須使用 item.title 才能抓到值。
import { filter, prop, compose, equals } from 'ramda'
const data = [
{ id: 1, title: 'Impatient JavaScript', year: 2018 },
{ id: 2, title: 'RxJS in Action', year: 2017 },
{ id: 3, title: 'Speaking JavaScript', year: 2014 },
]
const item = { title: 'RxJS in Action' }
const getTitle = item => filter(
compose(
equals(prop('title', item)),
prop('title')
)
)
const result = getTitle(item)(data)
console.dir(result)
由於 x.title 可使用 Ramda 的 prop() ，而 === 可使用 Ramda 的 equals() ，因此可用 compose() 動態組合出一個新 function 產生 predicate function。
由於 item 為 object，不能直接給 eqauls() 使用，必須先透過 prop() 取得 item.title 。
import { filter, eqProps } from 'ramda'
const data = [
{ id: 1, title: 'Impatient JavaScript', year: 2018 },
{ id: 2, title: 'RxJS in Action', year: 2017 },
{ id: 3, title: 'Speaking JavaScript', year: 2014 },
]
const item = { title: 'RxJS in Action' }
const getTitle = item => filter(
eqProps('title')(item)
)
const result = getTitle(item)(data)
console.dir(result)
由於 compose(equals(prop('title', item)), prop('title')) 這類 function 實在太常使用，因此 Ramda 提供了 eqProps() 。
Q : 為什麼稱為 eqProps() 呢 ?
因為 item 為 object，使得 equals() 一定先得透過 prop() 取得值，所以稱為 eqProps() 。
Conclusion
-
propEq()是 object 的 property 是否等於指定 value；而eqProps()是兩個 object 的指定 property 是否相等 - 當參數為 value 時，會使用
propEq()；當參數為 object 時，會使用eqProps()
Reference
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Pro JavaScript Techniques
John Resig / Apress / 2006-12-13 / USD 44.99
Pro JavaScript Techniques is the ultimate JavaScript book for the modern web developer. It provides everything you need to know about modern JavaScript, and shows what JavaScript can do for your web s......一起来看看 《Pro JavaScript Techniques》 这本书的介绍吧!
