Javascript的字面量對象以及如何拆解字面量對象

簡單的說，字面量對象提供了一直非常方便構建新對象的方式，它的格式非常簡單且容易閱讀。是大多數前端程序員在構建對象時比較推崇的一種方式。

格式：

var person = {
        name : "ziv",
        sex : "男",
        age : "22"
}

注意字面量對象最後一個屬性是不需要逗號的

訪問字面量對象的屬性值：

person.name
//或者採用數組形式傳入屬性的key取得value
person[name]

獲取字面量對象的所有key值的集合：

獲取子字面量對象的所有key值，通常可以調用Object對象的getOwnPropertyNames();這個方法，示例如下：

var arr = Object.getOwnPropertyNames(literals);

arr爲一個數組對象，取得name的值arr[index];

如何遍歷字面量對象

方法一，也是推薦的一種方法，for...in 循環

var style = "";
for(var property in literals){ 
     console.log(property);    //屬性值     
     console.log(literals[property]);   //key值
     style = style+property+":"+literals[property]+";";
}
console.log(style); //組合成一個樣式串

方法二，比較笨，可以先獲取property集合值，然後通過遍歷property獲取key的值

var propertys = Object.getOwnPropertyNames(literals); //通過getOwnPropertyNames獲取
var style = "";
for(var i = 0 ; i < propertys.length ; i++){
        var property = propertys[i];
        console.log(propertys[i]+":"+literals[property]);
        style = style+propertys[i]+":"+literals[property]+";";
   }
console.log(style);