一、對非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);
輸出的截圖為:
總結: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:")
console.log(Object.keys(obj));
輸出的截圖為:
總結: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: ");
console.log(Object.getOwnPropertyNames(obj));
輸出的截圖為:
總結:Object.keys主要用于返回對象的自有屬性粗合,包括可枚舉和不可枚舉的屬性,不包括繼承自原型的屬性乌昔。
二磕道、對Array對象類型的遍歷
1、for in
var arr = [1,2,3,4,56,7];
for(var a in arr) console.log(a);
輸出的截圖為:
總結:輸出為數(shù)組對象的index 值。
2、Object.keys
var arr = [1,2,3,4,56,7];
console.log(Object.keys(arr));
輸出的截圖為:
總結:輸出為數(shù)組對象的index 值羹与。
3吃衅、Object.getOwnProperty
var arr = [1,2,3,4,56,7];
console.log(Object.getOwnPropertyNames(arr));
輸出的截圖為:
總結:輸出為數(shù)組對象的index 值和數(shù)組長度的屬性值。
原文:https://blog.csdn.net/tomy123456123456/article/details/81633548