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

最后修改于 2013-07-18