JavaScript选取(picking)和反选(rejecting)对象的属性方法
作者:mrr 时间:2023-08-24 22:28:47
有时候我们需要将一个对象的某些属性选取出来,比方说我们有一个用数组表示的数据库表,我们需要一些函数来 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 函数中用到了一点小技巧。首先,我们用 map 遍历了键名数组(keys), 每次都会返回一个包含当前键名(key)的对象(如果在目标对象(obj)中没有当前键名,就会返回空对象)。然后我们用 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}
总结
以上所述是小编给大家介绍的JavaScript选取(picking)和反选(rejecting)对象的属性方法,希望对大家有所帮助
标签:js,选取反选
0
投稿
猜你喜欢
关于Math.PI、前自增和后自增
2009-05-25 12:38:00
asp统计在线人数是实时的吗?
2010-07-14 21:07:00
sqlserver中根据字符分割字符串的最好的写法分享
2012-06-06 19:44:40
用ASP和SQL实现基于Web日历源码
2010-04-24 15:52:00
小议JavaScript泛式框架架构的逻辑形式
2010-07-02 12:55:00
惰性函数定义模式
2007-09-26 20:56:00
SQL Server数据在不同数据库中的应用
2008-12-24 15:34:00
使用php操作xml教程
2023-06-14 03:10:45
内容适应形式
2010-03-18 16:09:00
python 实现一个反向单位矩阵示例
2023-07-27 16:05:51
如何在浏览器地址栏显示自己的Favicons.ico图标
2007-10-22 11:45:00
人性化网页设计技巧
2007-10-15 13:02:00
教你如何在SQL Server数据库中加密数据
2009-09-10 14:49:00
一个jquery日期选取插件源码
2009-12-23 19:15:00
将MySQL的作为文件系统使用
2011-12-14 18:34:26
好的产品设计并非始于图片,而是对人的理解
2009-08-02 20:25:00
WinHTTP Services 5.1 参考资料
2010-03-27 20:49:00
asp如何计算下载一个文件需要多长时间?
2009-11-25 20:17:00
ASP基础教程:常用的 ASP ActiveX 组件
2008-10-14 15:15:00
如何定义记录集打开的游标类型?
2009-11-15 20:19:00