Js中获取对象属性的几种方法解析

for-in枚举

在使用for-in循环时,返回的是所有能够通过对象访问的、可枚举的属性,其中既包括存在于实例中的属性,也包括存在于原型中的属性,屏蔽了原型中不可枚举属性的实例属性也会在for-in循环中返回。

<script type="text/javascript">
			function Person(name, sex) {
				this.name = name;
				this.sex = sex;
				this.getName=1;
			}
			Person.prototype.getName = function() {
				return this.name;
			}
			Person.prototype.getSex = function() {
				return this.sex;
			}
			Object.prototype.age=1;
			var obj = new Person("Tom", 0);
			for(var prop in obj) {
				console.log(prop);// name sex getName(虽然在实例本身及原型链
//中均有出现,但只遍历一次,及此循环只循环了5次) getSex age
			}
  
			for(var i in [1,2,3]){
				console.log(i);//0 1 2 age
			}
</script>

 Object.keys()

 Object.keys()获取的是对象实例本身的可枚举属性,不包括原型中的属性。

               <script type="text/javascript">
			function Person(name, sex) {
				this.name = name;
				this.sex = sex;
				this.getName=1;
			}
			Person.prototype.getName = function() {
				return this.name;
			}
			Person.prototype.getSex = function() {
				this.getSex=2;
				return this.sex;
			}
			Object.prototype.age=1;
			var obj = new Person("Tom", 0);
			
			var objProps=Object.keys(obj);
			console.log(objProps);//["name", "sex", "getName"]
			var objPrototypeProps=Object.keys(obj.__proto__);
			console.log(objPrototypeProps);//["getName", "getSex"]
		</script>

 Object.getOwnPropertyNames()

Object.getOwnPropertyNames()获取的是对象本身的所有属性(不包括原型的属性),既包括可枚举属性,也包括不可枚举属性。

		<script type="text/javascript">
			function Person(name, sex) {
				this.name = name;
				this.sex = sex;
				this.getName=1;
			}
			Person.prototype.getName = function() {
				return this.name;
			}
			Person.prototype.getSex = function() {
				this.getSex=2;
				return this.sex;
			}
			var objPrototypeAllProps=Object.getOwnPropertyNames(Person.prototype);
			console.log(objPrototypeAllProps);//["constructor", "getName", "getSex"],
//constructor为不可枚举属性,也被获取到
		</script>

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值