ES6遍历属性

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
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值