遍历对象属性

本文介绍了JavaScript中hasOwnProperty()方法的作用,它用于检查对象自身属性而非继承属性。通过示例展示了该方法在遍历对象属性时如何过滤掉原型链上的属性。同时,对比了in运算符的行为,并提供了使用for...in循环配合hasOwnProperty()遍历对象自身属性的方法,以及使用Object.keys()获取并遍历对象自身属性的方式。
摘要由CSDN通过智能技术生成

hasOwnProperty()方法返回值是一个布尔值,指示对象自身属性中是否具有指定的属性,因此这个方法会忽略掉那些从原型链上继承到的属性。

Object.prototype.foo = 'animal';

let obj = {
	name: 'xiaoming',
	age: '12'
}
console.log(obj.hasOwnProperty('foo')) // false
console.log(obj.hasOwnProperty('name')) // true

如果指定的属性在指定的对象或其原型链中,则in 运算符返回true。

console.log('foo' in obj) // true

因此,如果我们想要遍历对象的所有属性,使用for( in );而如果我们只想遍历对象的自身属性,则用hasOwnProperty()进行判断过滤。

for(let key in obj) {
	if(obj.hasOwnProperty(key)) {
		console.log(key);
	}
}

Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,因此也可以这样遍历对象的自身属性:

for(let key of Object.keys(obj)) {
	console.log(key);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值