一、對非Array對象類型的遍歷
1、for in
主要用于遍歷對象的可枚舉屬性,包括自有屬性、繼承自原型的屬性
var obj = {"name":"tom","sex":"male"};
Object.defineProperty(obj, "age", {value:"18", enumerable:false});//增加不可枚舉的屬性age
Object.prototype.protoPer1 = function(){console.log("name is tom");};//通過原型鏈增加屬性,為一個函數(shù)
Object.prototype.protoPer2 = 2; //通過原型鏈增加屬性,為一個整型值2
console.log("For In : ");
for(var a in obj)
console.log(a);
輸出的截圖為:
image
總結:for in 主要用于遍歷對象的可枚舉屬性,包括自有屬性、繼承自原型的屬性,示例中的屬性age為不可可枚舉,所以沒有輸出。
2、Object.keys
此方法返回一個數(shù)組,元素均為對象自有可枚舉的屬性
var obj = {"name":"tom","sex":"male"};
Object.defineProperty(obj, "age", {value:"18", enumerable:false});//增加不可枚舉的屬性age
Object.prototype.protoPer1 = function(){console.log("name is tom");};//通過原型鏈增加屬性,為一個函數(shù)
Object.prototype.protoPer2 = 2;//通過原型鏈增加屬性,為一個整型值2
console.log(Object.keys(obj));
輸出的截圖為:
image
總結:Object.keys主要用于遍歷對象自有的可枚舉屬性,不包括繼承自原型的屬性和不可枚舉的屬性。
3、Object.getOwnProperty
此方法用于返回對象的自有屬性,包括可枚舉和不可枚舉的屬性
Object.defineProperty(obj, "age", {value:"18", enumerable:false});//增加不可枚舉的屬性age
Object.prototype.protoPer1 = function(){console.log("name is tom");};//通過原型鏈增加屬性,為一個函數(shù)
Object.prototype.protoPer2 = 2;//通過原型鏈增加屬性,為一個整型值2
console.log(Object.getOwnPropertyNames(obj))
輸出的截圖為:
image
總結:Object.getOwnProperty主要用于返回對象的自有屬性,包括可枚舉和不可枚舉的屬性,不包括繼承自原型的屬性。
二、對Array對象類型的遍歷
1、for in
var arr = [1,2,3,4,5,6];
for(var a in arr) console.log(a)????
輸出的截圖為:
image
總結:輸出為數(shù)組對象的index 值。
2、Object.keys
var arr = [1,2,3,4,5,6];
console.log(Object.keys(arr));
輸出的截圖為:
image
總結:輸出為數(shù)組對象的index 值。
3、Object.getOwnProperty
console.log(Object.getOwnPropertyNames(arr));
image