JavaScript选取(picking)和反选(rejecting)对象的属性方法
更新时间：2017年08月16日 10:01:12 投稿：mrr
这篇文章主要介绍了JavaScript选取(picking)和反选(rejecting)对象的属性方法的相关资料,需要的朋友可以参考下
有时候我们需要将一个对象的某些属性选取出来，比方说我们有一个用数组表示的数据库表，我们需要一些函数来 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)对象的属性方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
我们可以将call和apply看做是某个对象的方法，通过调用方法的形式来间接调用函数2013-09-09
这篇文章主要介绍了11个Javascript小技巧帮你提升代码质量(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要介绍了基于Ionic3实现选项卡切换并重新加载echarts,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
下面小编就为大家带来一篇正则表达式替换html元素属性的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了JavaScript中执行上下文和执行栈，执行上下文是评估和执行JavaScript代码的环境的抽象概念，更多相关介绍，感兴趣的朋友可以参考一下2022-09-09
这篇文章主要为大家详细介绍了JavaScript中常见的数据格式化方式,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以了解一下2023-12-12
跨域常见的两种方式，分别是jsonp和cors，这篇文章主要介绍了跨域解决之JSONP和CORS的详细介绍，非常具有实用价值，需要的朋友可以参考下2018-11-11
本文通过实例代码给大家介绍了定制FileField中的上传文件名称问题，感兴趣的朋友参考下吧2017-08-08
这篇文章主要介绍了关于JSON解析的实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
这篇文章主要给大家介绍了关于微信小程序实现左滑删除效果的相关资料,左滑删除效果在app的交互方式中十分流行,比如全民应用微信,文中给出了详细的实现代码,需要的朋友可以参考下2023-08-08
最新评论