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