ES 6中對象屬性的遍歷

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