Es6遍历对象属性方法有如下几个:Object.keys(obj) ,Object.getOwnPropertyNames()等等。
补充个概念,可枚举,不可枚举类型。
在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。
1. js中基本包装类型的原型属性是不可枚举的,如Object, Array, Number等,如果你写出这样的代码遍历其中的属性:
var num = new Number();
for(var pro in num) {
console.log("num." + pro + " = " + num[pro]);
}
它的输出结果会是空。这是因为Number中内置的属性是不可枚举的,所以不能被for…in访问到。
Object对象的propertyIsEnumerable()方法可以判断此对象是否包含某个属性,并且这个属性是否可枚举。
需要注意的是:如果判断的属性存在于Object对象的原型内,不管它是否可枚举都会返回false。
定义一个不可枚举属性
var kxy = new Person();
Object.defineProperty(kxy, "sex", {
value: "female",
enumerable: false
});
'use strict'
class A{
constructor(){
this.name='ggb'
}
getName(){
}
}
class B extends A{
constructor(){
super();
this.age=28;
}
[Symbol('fullname')](){
}
getAge(){
}
}
B.prototype.getClass=function(){
}
var b =new B();
//只能访问自身可枚举属性,得不到原型链上的属性
console.log(Object.keys(b));//[ 'name', 'age' ]
//只能访问自身非可枚举属性与可枚举属性,得不到原型链上的属性
console.log(Object.getOwnPropertyNames(b))//[ 'name', 'age' ]
//啥都能访问
console.log(Object.getOwnPropertySymbols(b))//[]
//如下什么也得不到
console.log(Object.keys(b.__proto__));//[ 'getClass' ]
//如下,可以得到不可枚举属性
console.log(Object.getOwnPropertyNames(b.__proto__))//[ 'constructor', 'getAge', 'getClass' ]
//如下可以得到 symbole类型
console.log(Object.getOwnPropertySymbols(b.__proto__))//[ Symbol(fullname) ]
for(let k in b ){
console.log(k) //name ,age,getClass
}