在使用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