for/in 循环遍历对象的属性

时间:2021-08-15 03:57:43

for/in 循环遍历对象的属性

 
for/in 语句循环遍历对象的属性。 
js中获取key得到某对象中相对应的value的方法:obj.key 
js中根据动态key得到某对象中相对应的value的方法有二: 
一、var key = "name1";var value = obj[key]; 
二、var key = "name1";var value = eval("obj."+key); 

Js代码  for/in 循环遍历对象的属性
  1. var obj={"name":"wjy","age":26,"sex":"female"};//定义一个object对象  
  2. var keys=[];//定义一个数组用来接受key  
  3. var values=[];//定义一个数组用来接受value  
  4.   for(var key in obj){  
  5.     keys.push(key);  
  6.     values.push(obj[key]);//取得value   
  7.     alert(eval("obj."+key));//循环内逐一打印value值  
  8.     }  
  9. alert(obj.name);//wjy  
  10. alert("keys is :"+keys+" and values is :"+values);  
  11. //keys is : name,age,sex and values is : wjy,26,female   

使用 for in 循环遍历对象的属性时,原型链上的所有属性都将被访问: 
Java代码  for/in 循环遍历对象的属性
  1. Object.prototype.bar = 10;// 修改Object.prototype  
  2. var obj={"name":"wjy","age":26,"sex":"female"};//定义一个object对象    
  3. var keys=[];//定义一个数组用来接受key    
  4. var values=[];//定义一个数组用来接受value    
  5.   for(var key in obj){    
  6.     keys.push(key);    
  7.     values.push(obj[key]);//取得value      
  8.     }    
  9. alert("keys is :"+keys+" and values is :"+values);   
  10. //keys is : name,age,sex,bar and values is : wjy,26,female,10   

推荐总是使用 hasOwnProperty 方法, 这将会避免原型对象扩展带来的干扰: 
Javascript代码  for/in 循环遍历对象的属性
  1. function allpro(obj){  
  2.     var keys=[];   
  3.     var values=[];    
  4.     for(var key in obj){   
  5.         //只遍历对象自身的属性,而不包含继承于原型链上的属性。  
  6.         if (obj.hasOwnProperty(key) === true){  
  7.             keys.push(key);    
  8.             values.push(obj[key]);   
  9.             }                 
  10.         }  
  11.     alert("keys is :"+keys+" and values is :"+values);    
  12. }  
  13. Object.prototype.bar = 1;// 修改Object.prototype  
  14. var o={"name":"wjy","age":26,"sex":"female"};//定义一个object对象   
  15. allpro(o);  
  16. //keys is : name,age,sex and values is: wjy,26,female  


object对象没有length属性,那么获取object对象的length就可以通过遍历得到key值的数组的长度来获取啦~