JS中三种主要的遍历对象的方法:for in、Object.keys、Object.getOwnProperty
在js中经常需要知道Object中的所有属性及值,然而若是直接弹出Object,则是直接显示一个对象,它的属性和值没有显示出来,
不是我们想要的结果,从而需要遍历Object的所有属性。
wx.login({
success(res) {
if (res.code) {
console.log("微信登陆结果" + res);
var str ="";
for (var item in res) {
str += item + ":" + res[item] + "\n";
}
console.log("str==:\n" + str);
console.log("结束!");
一、对非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.keys主要用于返回对象的自有属性,包括可枚举和不可枚举的属性,不包括继承自原型的属性。
二、对Array对象类型的遍历
1、for in
var arr = [1,2,3,4,56,7];
for(var a in arr) console.log(a);
输出的截图为:
总结:输出为数组对象的index 值。
2、Object.keys
var arr = [1,2,3,4,56,7];
console.log(Object.keys(arr));
总结:输出为数组对象的index 值。
3、Object.getOwnProperty
var arr = [1,2,3,4,56,7];
console.log(Object.getOwnPropertyNames(arr));
总结:输出为数组对象的index 值和数组长度的属性值。
参考原文:https://blog.csdn.net/tomy123456123456/article/details/81633548