一、遍历非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]
总结:输出为数组对象的索引和数组长度的属性值。