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);