Object.keys方法

最新推荐文章于 2024-03-06 11:24:00 发布

南北极之间

最新推荐文章于 2024-03-06 11:24:00 发布

阅读量251

点赞数

分类专栏：前端开发文章标签： javascript object方法

本文链接：https://blog.csdn.net/qq_22182989/article/details/120993375

版权

前端开发专栏收录该内容

570 篇文章 54 订阅

订阅专栏

本文详细介绍了JavaScript中的Object.keys()方法，它用于获取对象的可枚举属性，并返回一个属性名数组。示例展示了如何遍历这些属性并访问其对应的值。此外，还提到了如果需要获取所有属性（包括不可枚举的），可以使用Object.getOwnPropertyNames方法。

摘要由CSDN通过智能技术生成

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。
如果你想获取一个对象的所有属性,，甚至包括不可枚举的，请查看Object.getOwnPropertyNames。
在这里插入图片描述

场景：
在这里插入图片描述

let person = {name:"张三",age:25,address:"深圳",getName:function(){}}

Object.keys(person).map((key)=>{
   console.log(key)  //name
   console.log(person[key])  //张三
　 person[key] // 获取到属性对应的值，做一些处理

})

在这里插入图片描述

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

}) 
VM208:2 (4) ["name", "age", "address", "getName"]
VM208:4 name
VM208:5 张三
VM208:4 age
VM208:5 25
VM208:4 address
VM208:5 深圳
VM208:4 getName
VM208:5 ƒ (){}
(4) [undefined, undefined, undefined, undefined]

参考：
Object.keys方法之详解