How to list the properties of a javascript object

筆記 本篇參考stackoverflowHow 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"];

參考文章:


這個網誌中的熱門文章

DevOps:持續整合&持續交付(Docker、CircleCI、AWS)

Factory pattern 工廠模式

swfobject - 網頁輕鬆嵌入Flash