ES 6中对象属性的遍历

  • A+
所属分类:ES 6 JavaScript Web

ES6 一共有 5 种方法可以遍历对象的属性。

1.for...in

  • for...in循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性)。
    var o1 = { p1: 123 };
    
    var o2 = Object.create(o1, {
      p2: { value: "abc", enumerable: true }
    });
    
    for (p in o2) {
      console.info(p);
    }
    // p2
    // p1
    

2.Object.keys(obj)

  • Object.keys返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。
      var o1 = { p1: 123 };
    
      var o2 = Object.create(o1, {
        p2: { value: "abc", enumerable: true }
      });
    
      console.log(Object.keys(o2))
      //[p2]
    

3.Object.getOwnPropertyNames(obj)

  • Object.getOwnPropertyNames返回一个数组,包含对象自身的所有属性(不含 Symbol 属性,但是包括不可枚举属性)的键名。
     var o1 = { p1: 123 };
    
      var o2 = Object.create(o1, {
        p2: { value: "abc", enumerable: true }
      });
    
      console.log(Object.getOwnPropertyNames(o2))
      //[p2]
    

4.Object.getOwnPropertySymbols(obj)

  • Object.getOwnPropertySymbols返回一个数组,包含对象自身的所有 Symbol 属性的键名。

5.Reflect.ownKeys(obj)

  • Reflect.ownKeys返回一个数组,包含对象自身的所有键名,不管键名是 Symbol 或字符串,也不管是否可枚举。

6.以上的 5 种方法遍历对象的键名,都遵守同样的属性遍历的次序规则。

  • 首先遍历所有数值键,按照数值升序排列。
  • 其次遍历所有字符串键,按照加入时间升序排列。
  • 最后遍历所有 Symbol 键,按照加入时间升序排列。
    Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 })
    // ['2', '10', 'b', 'a', Symbol()]
    
zhangfeng

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: