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