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

最新推荐文章于 2025-02-17 14:03:49 发布

转载最新推荐文章于 2025-02-17 14:03:49 发布 · 1.6k 阅读

javascript 专栏收录该内容

175 篇文章

订阅专栏

本文介绍JS中使用for/in循环遍历对象属性的方法，并探讨如何获取key和value，强调使用hasOwnProperty方法避免原型链干扰。还提供一个案例演示如何遍历并打印对象属性，以及获取对象的length属性的替代方法。

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代码  
    
   
 var obj={"name":"wjy","age":26,"sex":"female"};//定义一个object对象  
 var keys=[];//定义一个数组用来接受key  
 var values=[];//定义一个数组用来接受value  
   for(var key in obj){  
     keys.push(key);  
     values.push(obj[key]);//取得value   
     alert(eval("obj."+key));//循环内逐一打印value值  
     }  
 alert(obj.name);//wjy  
 alert("keys is ："+keys+" and values is ："+values);  
 //keys is : name,age,sex and values is : wjy,26,female   

使用 for in 循环遍历对象的属性时， 原型链上的所有属性都将被访问：

    Java代码  
    
   
 Object.prototype.bar = 10;// 修改Object.prototype  
 var obj={"name":"wjy","age":26,"sex":"female"};//定义一个object对象    
 var keys=[];//定义一个数组用来接受key    
 var values=[];//定义一个数组用来接受value    
   for(var key in obj){    
     keys.push(key);    
     values.push(obj[key]);//取得value      
     }    
 alert("keys is ："+keys+" and values is ："+values);   
 //keys is : name,age,sex,bar and values is : wjy,26,female,10   

推荐总是使用 hasOwnProperty 方法，这将会避免原型对象扩展带来的干扰:

    Javascript代码  
    
   
 function allpro(obj){  
     var keys=[];   
     var values=[];    
     for(var key in obj){   
         //只遍历对象自身的属性，而不包含继承于原型链上的属性。  
         if (obj.hasOwnProperty(key) === true){  
             keys.push(key);    
             values.push(obj[key]);   
             }                 
         }  
     alert("keys is ："+keys+" and values is ："+values);    
 }  
 Object.prototype.bar = 1;// 修改Object.prototype  
 var o={"name":"wjy","age":26,"sex":"female"};//定义一个object对象   
 allpro(o);  
 //keys is : name,age,sex and values is: wjy,26,female  

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

    Js代码  
    
 keys.length;//"3"