js遍历对象的几种方法

奇菲33

于 2021-08-22 21:34:03 发布

阅读量814

点赞数

本文链接：https://blog.youkuaiyun.com/qq_34941404/article/details/119858081

版权

本文介绍了JavaScript中遍历对象的三种方法：1) 使用Object.keys()和Object.values()获取对象的可枚举属性；2) 通过for...in循环遍历对象；3) 利用Object.getOwnPropertyNames()获取包括不可枚举属性在内的所有属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种

Object.keys(obj) 和 Object.values(obj)
参数:
obj:要返回其枚举自身属性的对象
返回值:
一个表示给定对象的所有可枚举属性的字符串数组

var obj = { 0: 'a', 1: 'b', 2: 'c' }
console.log(Object.keys(obj)) // ['0', '1', '2']
console.log(Object.values(obj)) //['a','b','c']

第二种

for…in

const obj={
	id:1,
	name:'zhangsan',
	age:18
}
for(let key in obj){
	console.log(key+'---'+obj[key]) //id---1 name---zhangsan age---18
}

第三种

Object.getOwnPropertyNames(obj)
返回一个数字,包含对象自身的所有属性(包含不可枚举属性)
遍历可以获取key和value

const obj = {
            id:1,
            name:'zhangsan',
            age:18
    }
Object.getOwnPropertyNames(obj).forEach(function(key){
        console.log(key+ '---'+obj[key])
    })

不可枚举属性待更新