JavaScript中對象的枚舉/遍歷（enumeration）

JavaScript中遍歷獲取對象屬性和方法主要有三種：

Object.keys()、Object.getOwnPropertyNames()、for...in...

---

1、Object.keys()、Object.getOwnPropertyNames()、for...in...區別

1. for...in ...會輸出自身以及原型鏈上可枚舉的屬性
2. Object.keys能夠用來獲取對象自身可枚舉的屬性鍵
3. Object.getOwnPropertyNames能夠用來獲取對象自身的所有屬性名

2、Object.keys()、Object.getOwnPropertyNames()、for...in...實際應用

一、for...in...（經過屬性個數來肯定循環圈數，想要遍歷誰就in誰）

• hasOwnPrototype()：判斷屬性是不是自身的屬性，返回值是Boolean類型的true和false，對於繼承的屬性返回的是false（過濾）
• propertyIsEnumerable():是hasOwnProperty()的加強版,只有檢測到是隻有屬性且這個屬性的可枚舉爲true時它才返回true
• in：只能判斷對象是否能訪問到該元素，繼承過來的屬性也可以訪問

• instanceof：能夠用來判斷某個構造函數的prototype屬性是否存在於另一個要檢測對象的原型鏈上

  如：A instanceof B
        A對象是否是B構造函數構造出來的，看A對象的原型鏈上有沒有B的原型

二、Object.keys() 方法（返回一個全部元素字符串類型的數組）
會返回一個由一個給定對象的自身可枚舉屬性組成的數組，數組中屬性名的排列順序和使用 for...in 循環遍歷該對象時返回的順序一致 （二者的主要區別是 一個 for-in 循環還會枚舉其原型鏈上的屬性）。

// simple array
var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr)); // console: ['0', '1', '2']

// array like object
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

// array like object with random key ordering
var anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj)); // console: ['2', '7', '100']

// getFoo is a property which isn't enumerable
var myObj = Object.create({}, {
  getFoo: {
    value: function () { return this.foo; }
  } 
});
myObj.foo = 1;
console.log(Object.keys(myObj)); // console: ['foo']

附：若是你想獲取一個對象的全部屬性,甚至包括不可枚舉的,便可見下面一種方法

三、Object.getOwnPropertyNames()方法
返回一個由指定對象的全部自身屬性的屬性名（包括不可枚舉屬性但不包括Symbol值做爲名稱的屬性）組成的數組。

var arr = ["a", "b", "c"];
console.log(Object.getOwnPropertyNames(arr).sort()); // ["0", "1", "2", "length"]

// 類數組對象
var obj = { 0: "a", 1: "b", 2: "c"};
console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"]

// 使用Array.forEach輸出屬性名和屬性值
Object.getOwnPropertyNames(obj).forEach(function(val, idx, array) {
  console.log(val + " -> " + obj[val]);
});
// 輸出
// 0 -> a
// 1 -> b
// 2 -> c

//不可枚舉屬性
var my_obj = Object.create({}, {
  getFoo: {
    value: function() { return this.foo; },
    enumerable: false
  }
});
my_obj.foo = 1;

console.log(Object.getOwnPropertyNames(my_obj).sort()); // ["foo", "getFoo"]

附：Object.keys或用for...in循環使用時可經過hasOwnProperty()方法過濾掉獲取到原型鏈上的可枚舉屬性，實現和Object.getOwnPropertyNames()方法一樣的效果

3、區別數組和對象的方法

constructor、instanceof、call.tostring