Ramda 之 uniqBy()

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

内容简介:對於一般需求,VS Code 1.33.1Quokka 1.0.212

對於一般需求, uniq() 即可勝任,但若 Unique 條件太特殊,則要使用 uniqBy() ,自行傳入 Callback。

Version

VS Code 1.33.1

Quokka 1.0.212

Ramda 0.26.1

Functional

import { uniqBy, identity } from 'ramda';

let data = [1, 2, 3, 1];

let uniq = uniqBy(identity);

console.log(uniq(data));

data 很明顯 1 是重複的,我們希望結果只顯示 [1, 2, 3]

若我們不知道 uniq() ,也可以使用 uniqBy()identity() 組合而成。

uniqBy()

(a -> b) -> [a] -> [a]

將 array 經過 supply function 轉換,回傳 element 不重複 array

(a -> b) :supply function,先經過轉換後再比較

[a] :data 為 array

[a] :回傳 element 不重複 array

事實上 Ramda 的 uniq() 就是由 uniqBy(identity) 實現

Ramda 之 uniqBy()

import { uniq } from 'ramda';

let data = [1, 2, 3, 1];

console.log(uniq(data));

事實上 Ramda 已經提供 uniq() ,可直接使用。

uniq()

[a] -> [a]

回傳 element 不重複 array

Ramda 之 uniqBy()

Primitive

import { uniqBy, identity } from 'ramda';

let data = [1, 2, 3, -1];

console.log(uniqBy(x => Math.abs(x), data));

1-1 視為相同,我們希望結果只顯示 [1, 2, 3]

此時就不能再使用 uniq() ,因為條件太特殊,只能使用 uniqBy()

第 5 行

console.log(uniqBy(x => Math.abs(x), data));

自行提供 x => Math.abs(x) ,如此 1-1 都視為相同。

Ramda 之 uniqBy()

Object

import { uniqBy } from 'ramda';

let data = [
  { title: 'FP in JavaScript', price: 100 },
  { title: 'RxJS in Action', price: 200 },
  { title: 'Speaking JavaScript', price: 300 },
  { title: 'FP in JavaScript', price: 400 }
];

console.dir(uniqBy(x => x.title)(data));

data 為 object,只要 title 相同就視為相同,也就是第一筆與第四筆,雖然 price 不同,但仍視為相同,我們希望結果只顯示不重複的前三筆。

此時就不能再使用 uniq() ,因為條件太特殊,只能使用 uniqBy()

第 10 行

console.dir(uniqBy(x => x.title)(data));

自行提供 x => x.title ,如此 object 只要 title 相同就視為相同。

Ramda 之 uniqBy()

Point-free

import { uniqBy, prop } from 'ramda';

let data = [
  { title: 'FP in JavaScript', price: 100 },
  { title: 'RxJS in Action', price: 200 },
  { title: 'Speaking JavaScript', price: 300 },
  { title: 'FP in JavaScript', price: 400 }
];

console.dir(uniqBy(prop('title'))(data));

x => x.title 也可由 prop() 產生使其 point-free,可讀性更高。

Ramda 之 uniqBy()


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

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

高性能网站

高性能网站

(美)苏德 / 东南大学出版社 / 2008年 / 28.00元

《高性能网站》中的规則向你解释了可以怎样优化网站中包含的Ajax、CSS、JavaScript、Flash和图片。每个规则都可以在本书的网站上找到对应的特别例子和代码片段。这些规則包括以下内容:减少HTTP连接请求、使用内容分发网络(ContentDeliveryNetwork)、在HTTP协议头添加过期时间、把部分内容变成Gzip格式、把样式表(stylesheets)放在顶部、将脚本放在底部、......一起来看看 《高性能网站》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试