对象的遍历

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]);

    });

打印结果:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。