一、全局JSON对象

ES5定义了全局对象JSON,对解析JSON的行为制定了规范。
JSON对象有两个方法:stringify() 和 parse()。

二、JavaScript 对象序列化为 JSON对象

JSON.stringify( js对象 [, 过滤器] [, 选项])
二三参数可选,js对象中的函数和原型成员将被忽略,值为undefined的属性也被跳过。
默认情况下,返回的JSON不包含任何空格字符和缩进。
var book = {
            title: "Professional JavaScript",
            authors: ["Nicholas C. Zakas"],
            edition: 3,
            year: 2011
           };

var jsonText = JSON.stringify(book);

过滤器为数组:JSON.stingify() 的结果只包含数组中列出的属性。
var book = {
            title: "Professional JavaScript",
            authors: ["Nicholas C. Zakas"],
            edition: 3,
            year: 2011
           };

var jsonText = JSON.stringify(book, ["title", "edition"]);
jsonText的值为 {"title": "Professional JavaScript", "edition": 3}

过滤器为函数:函数接收两个参数,键名和值(key, value)。函数体中根据键名处理对应的值。
var book = {
            title: "Professional JavaScript",
            authors: ["Nicholas C. Zakas"],
            edition: 3,
            year: 2011
           };

var jsonText = JSON.stringify(book, function(key, value){
    switch(key){
        case "authors":
            return value.join(",")        
        case "year":
             return 5000;           
        case "edition":
             return undefined;
        default:
             return value;
    }
});
序列化后的 jsonText 值为:{"title": "Professional JavaScript", "authors": "Nicholas C. Zakas", "year": 5000}

第三个参数用于控制结果的缩进:
参数为数值 ----- 表示缩进的空格数。
var book = {
            title: "Professional JavaScript",
            authors: ["Nicholas C. Zakas"],
            edition: 3,
            year: 2011
           };

var jsonText = JSON.stringify(book, null, 4);
jsonText 中的字符串:
{
    "title": "Professional JavaScript",
    "authors": [
        "Nicholas C. Zakas"
    ],
    "edition": 3,
    "year": 2011
}

参数为字符串 ----- 表示使用该字符串进行缩进。
var book = {
            title: "Professional JavaScript",
            authors: ["Nicholas C. Zakas"],
            edition: 3,
            year: 2011
           };

var jsonText = JSON.stringify(book, null, " - -");
jsonText 中的字符串:
{
--"title": "Professional JavaScript",
--"authors": [
----"Nicholas C. Zakas"
--],
--"edition": 3,
--"year": 2011
}

(还可以为对象定义 toJSON() 方法,实现对其进行自定义序列化的需求。)


三、JSON对象解析为 JavaScript 对象

JSON.parse(json对象 [, 还原函数])
还原参数接收两个参数,键和值。如果返回undefined,则表示从结果中删除相应的键;如果返回其他值,则将该值插入到结果中。
var book = {
            title: "Professional JavaScript",
            authors: ["Nicholas C. Zakas"],
            edition: 3,
            year: 2011,
            releaseDate: new Date(2011, 11, 1)
           };

var jsonText = JSON.stringify(book);        
var bookCopy = JSON.parse(jsonText, function(key, value){
    if (key == "releaseDate"){
        return new Date(value);
    } else {
        return value;
    }
});

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐