for in 迴圈遍歷物件時需要注意的事項

CodeMan發表於2018-04-12
原文網址 : https://segmentfault.com/a/1190000014342041
物件
在使用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 迴圈的時候，就會把這屬性給迴圈出來：

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 方法，這將會避免原型物件擴充套件帶來的干擾:

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

相關文章