JavaScript选取(picking)和反选(rejecting)对象的属性方法_网络技术

JavaScript选取(picking)和反选(rejecting)对象的属性方法

发布时间 - 2026-01-11 02:48:53 点击率：次

有时候我们需要将一个对象的某些属性选取出来，比方说我们有一个用数组表示的数据库表，我们需要一些函数来 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

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：昵图网官网入口查询地址昵图网设计图库入口

下一篇：Linux运维：实现薪资突破的关键路径

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：昵图网官网入口查询地址昵图网设计图库入口

下一篇：Linux运维：实现薪资突破的关键路径