Ramda 自行組合 objSize()

對於 Array，ECMAScript 提供了 length() 讓我們獲得 Array 的大小；但對於 Object 的 Size，ECMAScript 並沒有提供直接的方法，必須使用較 Tricky 方式。

Version

VS Code 1.33.0

Quokka 1.0.205

Ramda 0.26.1

ECMAScript

let data = {
  firstName: 'Sam',
  lastName: 'Xiao'
};

let objSize = obj => Object.keys(obj).length
console.log(objSize(data));

所謂 object 的 size，其實就是指 property 個數，ECMAScript 並沒有提供直接的方式取得，但 array 有 length 。

所以先使用 Object.keys() 將 key 部分變成 array，就可以使用 array.length 求得。

let data = {
  firstName: 'Sam',
  lastName: 'Xiao'
};

let objSize = obj => Object.values(obj).length
console.log(objSize(data));

既然能用 Object.keys() ，當然也能用 Object.values() 。

let data = {
  firstName: 'Sam',
  lastName: 'Xiao'
};

let objSize = obj => Object.entries(obj).length
console.log(objSize(data));

既然 Object.keys() 與 Object.values() 都能用，當然也能使用 ES2017 的 Object.entries() 。

Ramda

import { keys, length, pipe } from 'ramda';

let obj = {
  firstName: 'Sam',
  lastName: 'Xiao'
};

let objSize = pipe(keys, length);
console.log(objSize(obj));

Object.keys() 雖然提供了 FP 方式取得 array，但可惜 Array.length 為 property，因此 Object.keys() 與 Array.length 無法使用 Function Compostion。

Ramda 提供了 keys() ，為 Object.keys() 的 FP 版本，除此之外，亦提供了 length() ，為 Array.length 的 function 版本，這解決了原本 Array.length 無法組合的問題。

Conclusion

• Ramda 亦提供 values() ，相當於 Object.values() ，因此也能組合 values() 與 length()
• Array.length 為 property，因此無法 Function Composition
• OOP 與 FP 雖然功能相同，但因為提供方式不同，使用方式與觀念就相差很大

Reference

MDN , Object.keys()

MDN , Object.values()

MDN , Object.entries()

Ramda , keys()

Ramda , values()

Ramda , length()

Ramda , pipe()