使用 sortBy() 先經過運算再排序

對於一般排序， sort() 就很好用，若要先根據 Function 運算後在升冪排序，就要使用 sortBy() 。

Version

macOS Mojave 10.14.5

VS Code 1.35.1

Quokka 1.0.232

Ramda 0.26.1

sortBy()

import { sortBy } from 'ramda';

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

// fn :: [a] -> [a]
let fn = sortBy(x => 10 - x);

fn(data); // ?

sortBy() 可經過 supply function 轉換後在排序，僅支援 ascend。

Ord b => (a → b) ：supply function，將原 array 經過轉換後再排序

[a] ：data 為 array

[a] ：排序後的新 array

Primitive

import { sortBy } from 'ramda';

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

// fn :: [a] -> [a]
let fn = sortBy(x => 10 - x);

fn(data); // ?

若只對 Number 型別的資料做基本的排序 (ascend)，supply function 不需做任何轉換，只需使用 Number() 即可。

Object

import { sortBy } from 'ramda';

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

// fn :: [a] -> [a]
let fn = sortBy(x => x.price);

console.dir(fn(data));

由於 object 一定要指定 property 才能排序，因此 sortBy() 直接提供 supply function 就特別有用。

Point-free

import { sortBy, prop } from 'ramda';

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

// fn :: [a] -> [a]
let fn = sortBy(prop('price'));

console.dir(fn(data));

也可以使用 prop() 產生 supply function。

sortBy() 只能選擇要 排序 的 property 以 ascend 排序

Conclusion

• sortBy() 比較適合 object，唯無法 descend 排序
• sort() 與 sortBy() 都只能針對單一排序條件；若要多排序條件只能使用 sortWith()