有时候我们需要将一个对象的某些属性选取出来,比方说我们有一个用数组表示的数据库表,我们需要一些函数来
(选取) 几个字段:
- select
- function pick(obj, keys) {
- return keys.map(k = >k in obj ? { [k] : obj[k]
- }: {}).reduce((res, o) = >Object.assign(res, o), {});
- }
- const row = {
- 'accounts.id': 1,
- 'client.name': 'John Doe',
- 'bank.code': 'MDAKW213'
- };
- const table = [row, {
- 'accounts.id': 3,
- 'client.name': 'Steve Doe',
- 'bank.code': 'STV12JB'
- }];
- pick(row, ['client.name']); // 取到了 client name
- table.map(row = >pick(row, ['client.name'])); // 取到了一系列 client name
在 pick 函数中用到了一点小技巧。首先,我们用
遍历了键名数组(keys), 每次都会返回一个包含当前键名(key)的对象(如果在目标对象(obj)中没有当前键名,就会返回空对象)。然后我们用
- map
把返回的所有单个键 - 值对象和合并到一个对象中。
- reduce
但是,如果我们想反选(
)属性/键名呢?改造一下我们的函数就好了:
- reject
- function reject(obj, keys) {
- return Object.keys(obj)
- .filter(k => !keys.includes(k))
- .map(k => ({[k]: obj[k]}))
- .reduce((res, o) => Object.assign(res, o), {});
- }
- // 或者, 利用 pick
- function reject(obj, keys) {
- const vkeys = Object.keys(obj)
- .filter(k => !keys.includes(k));
- return pick(obj, vkeys);
- }
- reject({a: 2, b: 3, c: 4}, ['a', 'b']); // => {c: 4}
来源: http://www.css88.com/archives/7839