属性遍历:in操作符/Object.keys()/ Object.getOwnPropertyNames()

in操作符

1.单独使用,判断是否能通过某个实例访问到某个属性

function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
    alert(this.name);
};
var person1 = new Person();
alert(person1.hasOwnProperty("name"));  //false
alert("name" in person1);  //true  name属性在实例的原型中
person1.name = "Greg";
alert(person1.name); //"Greg"      alert(person1.hasOwnProperty("name")); //true 
alert("name" in person1); //true name属性在实例中

判断通过person对象能否访问到”name”属性。不管这个“name”属性是在person中访问到的还是在person的原型中访问到的,都会返回true。

2.在for-in循环中使用

var o = {
    toString : function(){
        return "My Object";
    }
};
for (var prop in o){
    if (prop == "toString"){
        alert("Found toString"); // 在IE中不会弹框
  } }

1.返回所有能够通过对象访问的、可枚举的属性,即包括实例中存在的属性也包括实例的原型中存在的属性。
2.在IE中enumerable属性为false的属性在for-in中不会显示出来,但是在别的浏览器中可以显示出来。这是IE早期版本的一个bug。

Object.keys()方法

function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
    alert(this.name);
};
var keys = Object.keys(Person.prototype);
alert(keys);       //"name,age,job,sayName"
var p1 = new Person();
p1.name = "Rob";
p1.age = 31;
var p1keys = Object.keys(p1);
alert(p1keys);    //"name,age"

1.Object.keys()方法接受一个对象参数,返回一个传进来的对象中的可枚举属性的字符串数组。
2.如果传入的是实例的原型,返回的就是原型中的属性。如果传入的是实例,返回的就是实例中的属性。
3.此方法返回的属性都是可枚举的。

Object.getOwnPropertyNames()

  var keys = Object.getOwnPropertyNames(Person.prototype);
  alert(keys);    //"constructor,name,age,job,sayName"

如果想得到所有的实例属性,使用Object.getOwnPropertyNames()方法,可以返回实例中所有的属性,包括不可枚举的属性,这是传递的参数应该是实例的原型。因为实例中找不到属性的时候回去实例的原型中找。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值