使用 mapKeys() 對 Object 的 Key 使用 map() | 點燈坊

map() 對於 Array 重要性毋庸置疑，是我們每天必用 Function，Object 是否也能有map()，讓我們直接提供 Function 對 Object 的 Key 修改，並回傳新 Object ?

Version

macOS Catalina 10.15.6
Ramda 0.27.1
Wink-fp 1.20.98

Functional

import { pipe, toUpper, toPairs, map, adjust, fromPairs } from 'ramda'

let data = {
  'FP in JavaScript': 100,
  'RxJS in Action': 200,
  'Speaking JavaScript': 300
}

let mapKeys = f => pipe(
  toPairs,
  map(adjust(0, f)),
  fromPairs
)

mapKeys(toUpper)(data) // ?

第 3 行

let data = {
  'FP in JavaScript': 100,
  'RxJS in Action': 200,
  'Speaking JavaScript': 300
}

data 為 Object，key 為 book title，value 為 price，我們希望 title 全部變成大寫。

15 行

mapKeys(toUpper)(data) // ?

mapKeys() 用法如同 map() 一樣，第一個 argument 為 function，就可對全部 key 改變。

第 9 行

let mapKeys = f => pipe(
  toPairs,
  map(adjust(0, f)),
  fromPairs
)

• 使用 toPairs() 將 Object 轉成 Pair Array
• 使用 map(adjust(0)) 只更改 Pair 的 [0]，相當於只改 Object 的 Key
• 使用 fromPairs() 將 Pair Array 轉回 Object

Wink-fp

import { toUpper } from 'ramda'
import { mapKeys } from 'wink-fp'

let data = {
  'FP in JavaScript': 100,
  'RxJS in Action': 200,
  'Speaking JavaScript': 300
}

mapKeys(toUpper)(data) // ?

mapKeys() 因為經常使用，Wink-fp 已經收錄。

mapKeys()
(a -> b) -> {a: v} -> {b: v}
Object 的 map()，提供 function 改變 Object 的 key

Conclusion

• adjust() 原本適合 Pair Array，但因為 Ramda 提供了 toPairs() 與 fromPairs() 之後開啟另一個法門，使得 adjust() 也能用於 Object，因此能搭配 map() 做出神奇結果

Reference

Ramda, adjust()
Ramda, fromPairs()
Ramda, toParis()
Kyle Tilman, Ramda – R.adjust()