js对象的遍历

js原生方法遍历的四种方式

由于要看是否遍历对象原型__proto__上的属性，第一步先写构造函数

function Fun(argument) {

    console.log(arguments)

    for (var i = 0; i <= arguments.length-1; i++) {

        this['k' + i] = arguments[i];

    }

};

构造函数原型上添加部分属性

Fun.prototype.key1 = 'proto01';

Fun.prototype.key2 = 'proto02';

Fun.prototype.key3 = 'proto03';

Fun.prototype.key4 = 'proto04';

添加属性名为Symbol类型的属性和不可枚举熟悉

Fun.prototype[Symbol("proto")] = 'proto05';

Fun.prototype[Symbol("proto")] = 'proto06';

Object.defineProperty(Fun.prototype, "defiPrro", {

    value: "不可枚举proto",

    enumberable: false

})

构造函数new一个实例

var obj = new Fun(1,2,3,4,5,6);

给对象添加属性名为Symbol类型的属性和不可枚举熟悉

obj[Symbol("own")] = 'Symbol 01';

obj[Symbol("own")] = 'Symbol 02';

Object.defineProperty(obj, "defiPrro", {

    value: "不可枚举objOwn",

    enumberable: false

})

Object.keys()遍历

返回值是一个对象属性名组成的数组，包含对象自身（不含继承的属性）的所有可以枚举的属性（不含Symbol类型）

Object.keys(obj).forEach( function(key, index) {

    console.log(key,obj[key])

});

打印结果：

for in 遍历

返回值是一个对象属性名组成的数组，包含对象自身（含继承的属性）的所有可以枚举的属性（不含Symbol类型）

for (var key in obj) {

    console.log(key,obj[key])

}

打印结果：

Object.getOwnPropertyNames() 遍历

返回值是一个对象属性名组成的数组，包含对象自身（不含继承的属性）的所有的（含不可枚举）属性（不含Symbol类型）

Object.getOwnPropertyNames(obj).forEach(function(key){

    console.log(key,obj[key]);

});

打印结果：

Reflect.ownKeys() 遍历

返回值是一个对象属性名组成的数组，包含对象自身（不含继承的属性）的所有的（含不可枚举）属性（含Symbol类型）

Reflect是es6的新属性

Reflect.ownKeys(obj).forEach(function(key){

    console.log(key,obj[key]);

});

打印结果：