zoukankan      html  css  js  c++  java
  • for in可遍历原型链上扩展的属性,Object.keys() 只遍历自身属性

    一.for in

    1.使用 for in 循环遍历对象的属性时,原型链上的所有属性都将被访问:

    Object.prototype.say="cgl";   // 修改Object.prototype  
        var person ={ age: 18 };
        for (var key in person) {
            console.log(key, person[key]);//这里用person.key得不到对象key的值,用person[key] 或者 eval("person."+key);
        }   //结果: age 18 
    say cgl

    2.只遍历对象自身的属性,而不遍历继承于原型链上的属性,使用hasOwnProperty 方法过滤一下。  

    Object.prototype.say="cgl";
        var person ={
            age: 18
        };
        for (var key in person) {
            if(person.hasOwnProperty(key)){
                console.log(key, eval("person."+key));
            }
        }  //结果:age 18 

    二.Object.keys() 

    Object.keys() 方法会返回一个由给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 (两者的主要区别是 一个 for-in 循环还会枚举其原型链上的属性)。返回值是这个对象的所有可枚举属性组成的字符串数组

    Object.prototype.say="cgl";
    var person ={ age: 18};
    console.log(Object.keys(person));//结果  ["age"] 

     小技巧:object对象没有length属性,可以通过Object.keys(person).length,来获取person的长度了

  • 相关阅读:
    35-高级特性之iterable与iterator
    33-高级特性之generator(1)
    34-高级特性之generator(2)
    32-高级特性之类装饰器
    什么是Autolayout
    屏幕适配
    NSTimer
    分页
    UIScrollView的缩放原理
    设置图片圆角
  • 原文地址:https://www.cnblogs.com/chenguangliang/p/6678564.html
Copyright © 2011-2022 走看看