How to list the properties of a javascript object

筆記 本篇參考stackoverflow的How to list the properties of a javascript object

要如何知道Javascript物件擁有哪些proerty?

ex:

var dog = {
  name: 'Lucky', 
  age: 3, 
  breeds: 'Shiba Inu'
};

上面是一個小狗的物件，裡面有一些自訂的屬性'name','age','breeds' 等等...

那要怎麼在程式中知道這些屬性呢?

比較新的瀏覽器(IE9, FireFox, Chrome...)可直接使用Object.keys這個方法

var keys = Object.keys(dog);

或者自己寫

var getKeys = function(obj){
   var keys = [];
   for(var key in obj){
      keys.push(key);
   }
   return keys;
}

var keys = getKeys(dog);

這樣 keys 就會是一個有所有屬性的陣列

keys = ["name", "age", "breeds"];

參考文章：

• How to list the properties of a javascript object