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)对象的属性方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# js  # 选取反选  # picking  # rejecting  # JavaScript实现全选取消效果  # JS获得选取checkbox整行数据的方法  # js选取多个或单个元素的实现代码（用class）  # javascript下兼容firefox选取textarea文本的代码  # javascript实现鼠标选取拖动或Ctrl选取拖动  # React实现表格选取  # 键名  # 小编  # 几个  # 就会  # 在此  # 遍历  # 给大家  # 所述  # 给我留言  # 小技巧  # 感谢大家  # 比方说  # 有一个  # 象中  # 疑问请  # 有任何  # 并到  # 就好了  # gt  # map 

相关文章： 建站为何优先选择香港服务器？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  移民网站制作流程,怎么看加拿大移民官网？  如何配置IIS站点权限与局域网访问？  如何制作网站标识牌,动态网站如何制作（教程）？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在万网自助建站中设置域名及备案？  网站专业制作公司有哪些,做一个公司网站要多少钱？  ,有什么在线背英语单词效率比较高的网站？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  C#如何在一个XML文件中查找并替换文本内容  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  如何在宝塔面板中修改默认建站目录？  如何通过PHP快速构建高效问答网站功能？  Python lxml的etree和ElementTree有什么区别  如何在企业微信快速生成手机电脑官网？  音响网站制作视频教程,隆霸音响官方网站？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  如何选择美橙互联多站合一建站方案？  魔方云NAT建站如何实现端口转发？  郑州企业网站制作公司,郑州招聘网站有哪些？  TestNG的testng.xml配置文件怎么写  如何用低价快速搭建高质量网站？  如何快速搭建高效简练网站？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  如何在新浪SAE免费搭建个人博客？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  制作网站的公司有哪些,做一个公司网站要多少钱？  如何续费美橙建站之星域名及服务？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  简单实现Android验证码  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  网站制作公司,橙子建站是合法的吗？  如何打造高效商业网站？建站目的决定转化率  建站之星后台管理系统如何操作？  已有域名和空间如何快速搭建网站？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  如何快速完成中国万网建站详细流程？  建站之星后台密码遗忘如何找回？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  大连网站制作公司哪家好一点,大连买房网站哪个好？  专业商城网站制作公司有哪些,pi商城官网是哪个？  长沙做网站要多少钱,长沙国安网络怎么样？  学校建站服务器如何选型才能满足性能需求？  css网站制作参考文献有哪些,易聊怎么注册？