当前位置: 首页 > article >正文

js取出一个对象中指定的字段(封装公共方法)

需求:在一个对象里面挑选出所需要的一个或多个字段

例子:在{ a: 1, b: 2, c: 3, d: 4 }里面挑选出b和d字段

封装公共方法

const pick = (obj, keys) => {
    return Object.keys(obj).filter(key => keys.includes(key)).reduce((result, key) => {
        if (obj.hasOwnProperty(key)) {
           result[key] = obj[key];
        }
        return result;
    }, {});
}

如何使用方法

注意:方法接收两个参数,第一个参数是要挑选的对象,第二个参数是一个数组里面包含要挑选出来字段的键

//定义公共方法的第一个参数
const originalObject = { a: 1, b: 2, c: 3, d: 4 };
//定义公共方法的第二个参数
const fieldsToPick = ['b', 'd'];

//使用方法
const pickedObject = pick(originalObject, fieldsToPick);

//打印(验证)
console.log(pickedObject); //{ b: 2, d: 4 }

注:本人前端小白 ,如有不对的地方还请多多指教


http://www.kler.cn/news/311453.html

相关文章:

  • Redis 哨兵模式配置教程
  • docker在基础镜像上,比如rockylinux,如何配置yum仓库
  • AD域控服务器
  • Ubuntu22.04关闭631端口的方法
  • Java项目实战II基于Java+Spring Boot+MySQL的酒店客房管理系统(源码+数据库+文档)
  • Spring Controller
  • 如何确保Redis双删的准确性
  • React + Vite 多环境配置
  • 正也科技-辖区与指标管理系统 强化决策支持
  • 计算机网络 8.*结构化布线
  • 电力施工作业安全行为检测图像数据集
  • 【Python常用模块】_cx_Oracle模块详解
  • Docker SDK for Python: Python中操控Docker的利器
  • 【Linux进程控制】进程程序替换
  • Mac 上,终端如何开启 proxy
  • Vue3.0组合式API:使用reactive()、ref()创建响应式代理对象
  • hcia-openEuler V1.0师资题库-试卷3
  • 低代码平台中的数据源设计:构建高效应用的基础
  • 揭开 Vue 3 中大量使用 ref 的隐藏危机
  • 如何使用ssm实现基于WEB的文学网的设计与实现+vue
  • Utgard风格的平铺和Arm FrameBuffer Compression(AFBC)
  • iview Form Input组件按下回车键搜索和禁止触发表单默认事件
  • Rocky Linux 9 中添加或删除某个网卡的静态路由的方法
  • 【JSrpc破解前端加密问题】
  • 【Linux】对称加密和非对称加密的区别
  • (k8s)Kubernetes部署Promehteus
  • Tiny-universe-taks1-LLama3模型原理
  • 快速掌握Postman接口测试
  • 基于python+django+vue的在线学习资源推送系统
  • 一个手机号注册3个抖音号的绿色方法?