使用 mapObjIndexed() 改變 Object 的 Value

在 Array，我們有 map() 能在 Length 不變前提下，改變其 Element；若要在 Object 的 Key 不變前提下，根據其 Key 改變 Value，Ramda 提供了 mapObjIndexed() 。

Version

VS Code 1.35.1

Quokka 1.0.227

Ramda 0.26.1

Change Value by Key

import { mapObjIndexed } from 'ramda';

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

// fn :: {a} -> {a}
let fn = mapObjIndexed((val, key) => `Price of ${key} is ${val}`);

console.dir(fn(data));

data 為 object，我們希望在 key 不變前提下，將 value 改成類似 Price of FP in JavaScript is 100 格式，其中 value 改變還牽涉到 key，此時就很適合使用 mapObjIndexed() 。

(*, String, Object) -> * ：callback，其中 * 為 value， String 為 key， Object 原本的 object。

Object ：data 為 object

Object ：回傳 map 後的 object

Only Change by Value

import { mapObjIndexed } from 'ramda';

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

// fn :: {a} -> {a}
let fn = mapObjIndexed(val => `Price is ${val}`);

console.dir(fn(data));

若 value 改變不牽涉到 key，只與 value 有關，則 callback 可以不用傳入 key，只傳入 value 即可。

import { map } from 'ramda';

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

// fn :: {a} -> {a}
let fn = map(val => `Price is ${val}`);

console.dir(fn(data));

事實上若 value 改變不牽涉到 key，只與 value 有關，其實使用 map() 亦可。

Change Value by Index

import { map, addIndex } from 'ramda';

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

// fn :: {a} -> {a}
let fn = addIndex(map)((val, idx) => `Price ${idx} is ${val}`);

console.dir(fn(data));

若 value 改變不牽涉到 key，而是與 index 有關，則要用 addIndex() 與 map() 組合的新 function，其 callback 的第二個參數為 index。