Object.keys方法详解

一、语法

Object.keys(obj)
参数:要返回的对象
返回值:所有可枚举属性的字符串

二、对象处理,返回枚举属性数组

let obj = { name:"张三", age:25, address:"深圳", getName:function(){} }
console.log( Object.keys(obj) )

三、处理数组,返回索引数组

let arr = [1,2,3,4,5,6]
console.log( Object.keys(arr) )

四、处理字符串,返回索引值数组

let str = "saasd字符串"
console.log( Object.keys(str) )

五、常用方式

let person = { name:"张三", age:25,address:"深圳", getName:function(){} }
Object.keys(person).map((key)=>{console.log( person[key] ) // 获取到属性对应的值,做一些处理
})

六、对比

Object.values() 和 Object.keys() 对比
Object.values() 返回属性值数组值

例如:

let person = {name:"张三", age:25,address:"深圳", getName:function(){}}
let vals = Object.values(person)
console.log(vals)

Object.keys方法详解相关推荐

  1. php object keys_原生js中Object.keys方法详解

    实际开发中,有时需要知道对象的所有属性,原生js提供了一个方法Object.keys(). Object.keys(obj)返回的是一个数组,该数组的所有元素都是字符串.这些元素是来自于给定的obj可 ...

  2. JavaScript Object.defineProperty()方法详解

    Object.defineProperty() 方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回这个对象.因此,又称为属性拦截器.在前端中,webpack以及vue的原理都应用了 ...

  3. object类中的equals与自定义equals方法详解

    object类中的equals与自定义equal方法详解 1.this怎么理解?this == obj表示什么? this就是当前你new出来的对象,这里指谁调用equal方法this指的就是谁,ob ...

  4. Servlet方法详解

    Servlet: Servlet是SUN公司提供的一套规范,名称就叫Servlet规范,它也是JavaEE规范之一.使用JavaEE的API.目前在Oracle官网中的最新版本是JavaEE8, Se ...

  5. python怎样实现封装_Python底层封装实现方法详解

    Python底层封装实现方法详解 这篇文章主要介绍了Python底层封装实现方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 事实上,pyth ...

  6. Spring JdbcTemplate方法详解

    2019独角兽企业重金招聘Python工程师标准>>> Spring JdbcTemplate方法详解 标签: springhsqldbjava存储数据库相关sql 2012-07- ...

  7. java多线程中的join方法详解

    java多线程中的join方法详解 方法Join是干啥用的? 简单回答,同步,如何同步? 怎么实现的? 下面将逐个回答. 自从接触Java多线程,一直对Join理解不了.JDK是这样说的:join p ...

  8. vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)

    npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...

  9. python中的class怎么用_对python 中class与变量的使用方法详解

    python中的变量定义是很灵活的,很容易搞混淆,特别是对于class的变量的定义,如何定义使用类里的变量是我们维护代码和保证代码稳定性的关键. #!/usr/bin/python #encoding ...

最新文章

  1. 重复调用的代码块——方法
  2. iScroll 5 API 中文版
  3. Activity的常用方法和生命周期
  4. html行级元素和块级元素以及css转换
  5. python发邮件实例_python 发送邮件实例
  6. 微波接力通信、卫星通信、无线移动通信
  7. 为ASP.NET 2.0网站生成唯一程序集
  8. Linux/CentOS/Ubuntu查看文件内容命令总结
  9. springBean的作用域
  10. NYOJ--60谁获得了最高奖学金
  11. JSONObject遍历
  12. c语言 turbo,C语言Turbo C 2.0内容介绍
  13. 任意文件包含漏洞原理解析及演示
  14. 多个桌面Deskspace如何使用
  15. java模拟人生世界冒险_《模拟人生3世界冒险》的冒险心得与注意点
  16. 生成树协议中的五种状态Spanning Tree
  17. 数字化转型时代,我们为什么越来越需要数据库云管平台?
  18. 使用形态学提取连续背景的断层(erosion_rectangle1算子)
  19. 嵌入式未来趋势是什么?
  20. 计算机控制专业的就业前景,计算机控制管理专业就业前景和就业方向分析

热门文章

  1. 成为诊断工程师,如何入门?
  2. 迟到的80后(程序人生与人生感悟)
  3. 两分钟了解HTTP请求报文和响应报文
  4. 怀念老系统的小伙伴们点这里!(1)
  5. 计算机桌面怎么突然变大了,电脑桌面比例突然变大?一招还原比例!
  6. vivado代码编写——倍频(使用IP核)
  7. Coding上部署Ghost博客
  8. 课程7 :PLC常见指令详解:比较指令(工控PLC工程师入门必读,5天可上手调试)
  9. 从环境部署到运营推广,蚂蚁特色的一站式小程序开发体验
  10. ganache-cli环境安装