JavaScript中for...in,Object.keys,Object.getOwnpropertyNames获得数组或者对象的key，value有什么不同

一、遍历非Array对象

1、for...in

主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性。

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

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

Object.prototype.hobby = 'ball game';//通过原型链增加属性hobby 

for(var a in obj){
  console.log(a);//name,sex,hobby
}

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

2、Object.keys

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

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

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

Object.prototype.hobby = 'ball game';//通过原型链增加属性hobby 

console.log(Object.keys(obj));//[name,sex]

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

3、Object.getOwnProperty

此方法用于返回对象的自有属性，包括可枚举和不可枚举的属性。

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

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

Object.prototype.hobby = 'ball game';//通过原型链增加属性hobby 

console.log(Object.getOwnPropertyNames(obj));//[name,sex,age]

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

 

二、遍历Array对象

1、for...in

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

for(var a in arr){
    console.log(a);//0,1,2,3,4,5
}

总结：输出为数组对象的索引。

2、Object.keys

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

console.log(Object.keys(arr));//[0,1,2,3,4,5]

总结：输出为数组对象的索引。

3、Object.getOwnPropertyNames

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

console.log(Object.getOwnPropertyNames(arr));//[0,1,2,3,4,5,length]

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