对象属性的遍历

最新推荐文章于 2025-04-24 06:45:00 发布

Night_Emperor

最新推荐文章于 2025-04-24 06:45:00 发布

阅读量285

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6

本文链接：https://blog.youkuaiyun.com/Night_Emperor/article/details/79613385

ES6 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了JavaScript中对象属性的几种遍历方法：Object.keys、Object.getOwnPropertyNames、Object.getOwnPropertySymbols及for...in循环。每种方法的特点和局限性都有所涉及，并通过具体代码示例展示了如何获取对象自身的可枚举属性、不可枚举属性以及Symbol类型的属性。

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

Object.keys能够得到自身可枚举的属性，但得不到原型链上的属性，得不到Symbol属性

Object.getOwnPropertyNames能够得到自身的属性，包括不可枚举的，但得不到原型链上的属性，得不到Symbol属性

Object.getOwnPropertySymbols得到自身的Symbols属性，包括不可枚举的

for ...in 得到自身和原原型链上的可枚举属性

'use stric';
class A {
	constructor(){
		this.name = 'Jack';
	}
	
	getName(){
		
	}
}
 class B extends A{
 	constructor(){
 		super();
 		this.age = 18;
 	}
 	
 	getAge(){
 		
 	}
 	
 	[Symbol('fullname')](){
 		
 	}
 }
 B.prototype.getClass = function(){
 	
 }
var b = new B();
//Object.keys能够得到自身可枚举的属性，但得不到原型链上的属性
//得不到Symbol属性
console.log(Object.keys(b));//[ 'name', 'age' ]
console.log(Object.keys(B.prototype));//[ 'getClass' ]



//Object.getOwnPropertyNames能够得到自身的属性，包括不可枚举的，
//但得不到原型链上的属性
//得不到Symbol属性
console.log(Object.getOwnPropertyNames(b));//[ 'name', 'age' ]
console.log(Object.getOwnPropertyNames(B.prototype));//[ 'constructor', 'getAge', 'getClass' ]

//Object.getOwnPropertySymbols得到自身的Symbols属性，包括不可枚举的
console.log(Object.getOwnPropertySymbols(B.prototype));//[ Symbol(fullname) ]


//for ...in 得到自身和原原型链上的可枚举属性
//通过class语法糖创建的属性和方法是不可枚举的
for(let item in b){
	console.log(item);//name age getClass
}

//通过class语法糖创建的属性和方法是不可枚举的
//通过B.prototype方式添加的属性和方法可枚举
console.log(Object.getOwnPropertyDescriptor(B.prototype,'getAge'));
//{ value: [Function: getAge],
//writable: true,
//enumerable: false,
//configurable: true }


console.log(Object.getOwnPropertyDescriptor(B.prototype,'getClass'));
//{ value: [Function],
//writable: true,
//enumerable: true,
//configurable: true }

如果想要访问自身可枚举的属性:将for ...in 和 Object.getOwnPropertyNames一起使用

//name age 是自身可枚举属性，getClass是原型链上的可枚举属性

for(let item in b){
	console.log(item);//name age getClass
}


for(let item in b){
	//此时item包含自身和原型链上的可枚举属性
	if(Object.getOwnPropertyNames(b).indexOf(item) !== -1){
		console.log(item)//name age
	}
}