for in 循環遍歷對象時須要注意的事項

在使用for in循環時,返回的是全部可以經過對象訪問的、可枚舉的屬性,其中既包括存在於實例中的屬性,也包括存在於原型中的屬性。

(1)沒有在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   
    console.log(eval("obj."+key));//循環內逐一打印value值  
  }  
console.log(obj.name);//wjy  
console.log("keys is :"+keys+" and values is :"+values);  
//keys is : name,age,sex and values is : wjy,26,female

(2)在Object.prototype中添加屬性
使用 for in 循環遍歷對象的屬性時,原型鏈上的全部屬性都將被訪問。例如咱們給Object.prototype添加一個bar屬性,那麼在for in 循環的時候,就會把這屬性給循環出來:prototype

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      
  }    
console.log("keys is :"+keys+" and values is :"+values);   
//keys is : name,age,sex,bar and values is : wjy,26,female,10

(3)避免原型對象擴展對循環對象時帶來的干擾
推薦老是使用 hasOwnProperty 方法,這將會避免原型對象擴展帶來的干擾:code

function allpro(obj){  
    var keys=[];   
    var values=[];    
    for(var key in obj){   
        //只遍歷對象自身的屬性,而不包含繼承於原型鏈上的屬性。  
        if (obj.hasOwnProperty(key) === true){  
            keys.push(key);    
            values.push(obj[key]);   
        }                 
    }  
    console.log("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
相關文章
相關標籤/搜索