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

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

博客分类： 
• js-Object

 

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); 
详细出处参考：http://www.jb51.net/article/46953.htm 

Js代码  

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代码  

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代码  

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值的数组的长度来获取啦~ 

Js代码  

1. keys.length;//"3"