day28 对象枚举

for in循环遍历对象

    var obj = {
	    name : "123",
	    age : "456",
	    sex : 'male'
    }
    for(var prop in obj){
	    console.log(prop + " "  + typeof(prop));
	    console.log(obj[prop]);
    }

如果用obj.prop的形式访问,相当于访问obj[“prop”],系统把这个prop当成属性而不是变量。

1、 XX.hasOwnProperty(prop)

       所有继承了 Object.prototype 的对象都会从原型链上继承到 hasOwnProperty 方法,使用 hasOwnProperty() 方法可以检测一个属性是存在于对象实例中,还是存在于其原型中。和 in 运算符不同,该方法会忽略掉那些从原型链上继承到的属性。
       括号里的属性要用字符串形式,返回的是布尔值

  var obj = {
   	name : 'lgt',
   	sex : 'male',
   	__proto__:{
   		lastName : 'lee',
   	}
   }
   Object.prototype.terminal = 'LEE'; 
   for(var prop in obj){
   	 if(obj.hasOwnProperty(prop)){
   		console.log(obj[prop]);
   	}
   }

       上述程序可以打印出name、sex等对象自身带的属性,当不使用hasOwnProperty() 方法时,会连同lastName、terminal等手动修改的原型链上的属性一起打印出来。需要注意的一点是,系统自带的未经修改的原型Object.prototype任何时候都不会被打印。

  • 如果一个对象拥有自己的 hasOwnProperty 方法, 则原型链上的同名方法会被遮蔽(shadowed):
hasOwnProperty: function() {
  return false;
}

此时可以直接调用终端的hasOwnProperty方法判断,Object.hasOwnProperty.call(XX,prop)

2、in操作符

判断对象里一切能调用的属性,包括原型。返回的是布尔值。

1)对于一般的对象属性需要用字符串指定属性的名称

'sex' in obj // true 
'lastName' in obj // ture
'terminal' in obj // true

2)对于数组属性需要指定数字形式的索引值来表示数组的属性名称(固有属性除外,如length)

var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
0 in trees	//true
"redwood" in trees	//false 
"length" in trees	// true

3、求对象的length

1)通过遍历与hasOwnProperty(prop) 方法,计算出长度

  • 在原型链上编程
Object.prototype.len = function(obj){
	var count = 0;
	for(var prop in this){
		if(this.hasOwnProperty(prop)){
			count++;
		}
	}
	return count;
};
  • 构造一个求length函数
function len(obj){
	var count = 0;
	for(var prop in obj){
		if(obj.hasOwnProperty(prop)){
			count++;
		}
	}
	return count;
}

2)通过Object.keys()获取对象可枚举属性所组成的数组,并通过length获取对象长度

function len(obj){
	var arr = Object.keys(obj);
	return arr.length;
}

Object.keys() 方法会返回一个你传进去的对象自身可枚举的属性组成的数组。
传入对象,返回属性名。
传入字符串,返回索引。
传入数组 返回索引。
传入构造函数 返回空数组或者属性名。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值