JS中三种主要的遍历对象的方法：for in、Object.keys、Object.getOwnProperty

一、对非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");};//通过原型链增加属性，为一个函数

Object.prototype.protoPer2 = 2;通过原型链增加属性，为一个整型值2

console.log("For In : ");

for(var a in obj)

console.log(a);

输出的截图为：

总结：for in 主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性，示例中的属性age为不可可枚举，所以没有输出。

2、Object.keys

此方法返回一个数组，元素均为对象自有可枚举的属性

var obj = {"name":"tom","sex":"male"}；

Object.defineProperty(obj, "age", {value:"18", enumerable:false});//增加不可枚举的属性age

Object.prototype.protoPer1 = function(){console.log("name is tom");};//通过原型链增加属性，为一个函数

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");};//通过原型链增加属性，为一个函数

Object.prototype.protoPer2 = 2;通过原型链增加属性，为一个整型值2

console.log("Object.getOwnPropertyNames: ");

console.log(Object.getOwnPropertyNames(obj));

输出的截图为：

总结：Object.getOwnProperty主要用于返回对象的自有属性，包括可枚举和不可枚举的属性，不包括继承自原型的属性。

二、对Array对象类型的遍历

1、for in

var arr = [1,2,3,4,5,6];

for(var a in arr) console.log(a);

输出的截图为：

总结：输出为数组对象的index 值。

2、Object.keys

var arr = [1,2,3,4,5,6];

console.log(Object.keys(arr));

输出的截图为：

总结：输出为数组对象的index 值。

3、Object.getOwnProperty

var arr = [1,2,3,4,5,6];

console.log(Object.getOwnPropertyNames(arr));

输出的截图为：

总结：输出为数组对象的index 值和数组长度的属性值。