Menu

JSON

在JavaScript里的JSON能保存的数据类型

20.2.1 JSON对象

20.2.3 解析选项

在JavaScript里的JSON能保存的数据类型

• 简单值(字符串、数值、布尔值和 null)、对象（python的字典）、数组;
• 20.2.1 JSON对象
• JSON 对象有两个方法： stringify() 和 parse()。
• stringify()
• JavaScript 对象序列化为 JSON 字符串

var book = {
    title: "Professional JavaScript",
    authors: [
        "Nicholas C. Zakas"
    ],
    edition: 3,
    year: 2011
};

var jsonText= JSON.stringify(book)

//  {"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,"year":2011}

• JSON.stringify()有两个参数：
  • 第一个参数是个过滤器，可以是一个数组，也可以是一个函数；
    • 数组参数：
      • 保留数组里的key，其他的key忽略；
      • var jsonText = JSON.stringify(book, ["title", "edition"]);
    • 函数参数：
      • 函数过滤器根据传入的键来决定结果；

var json = JSON.stringify(book, function (key,value) {
    // 如果key是title，那么title的value返回大写的value；
    if(key=="title"){
        return value.toUpperCase()
    }
    // 如果key为authors，那么通过返回undefined来删除this key；
    else if (key=="authors"){
        return undefined
    }
    // 如果key为edition，那么将这个key的value做计算后返回；
    else if (key=="edition"){
        return value - 1
    }
    // 其他默认返回原来的value；
    else{
        return value
    }
})

// {"title":"PROFESSIONAL JAVASCRIPT","edition":2,"year":2011}

• 第二个参数是一个选项，表示是否在 JSON 字符串中保留缩进如果这个参数是一个数值，最大缩进空格数为 10，所有大于 10 的值都会自动转换为 10。那它表示的是每个级别缩进的空格数。如果是字符串，那么代表每次缩进都用这个字符串代替缩进空格；
  // 每一层缩进4个空格；
  • var jsonText = JSON.stringify(book, null, 4);
    // 每一层缩进一个“--”符号；
  • var json = JSON.stringify(book, null, "--");

{
--"title": "Professional JavaScript",
--"authors": [
----"Nicholas C. Zakas"
--],
--"edition": 3,
--"year": 2011
}

• parse() 解析JSON字符串

// 还原成Javascript对象；
// 如果参数不是有效的JSON对象就会报错；
var bookCopy = JSON.parse(jsonText)

• 3. toJSON()方法
  • JSON.stringify()，序列化该对象的顺序如下：
    • (1) 如果存在 toJSON()方法而且能通过它取得有效的值，则调用该方法。否则，返回对象本身。
    • (1) (2) 如果提供了第二个参数，应用这个函数过滤器。传入函数过滤器的值是第(1)步返回的值。
    • (1) (3) 对第(2)步返回的每个值进行相应的序列化。
    • (1) (4) 如果提供了第三个参数，执行相应的格式化。
  • 如果一个被序列化的对象拥有 toJSON 方法，那么该 toJSON 方法就会覆盖该对象默认的序列化行为：不是那个对象被序列化，而是调用 toJSON 方法后的返回值会被序列化，例如：

var obj = {
    foo: 'foo',
    toJSON: function () {
        return 'bar';
    }
};
JSON.stringify(obj);      // '"bar"'
JSON.stringify({x: obj}); // '{"x":"bar"}'

20.2.3 解析选项

• JSON.parse()方法也可以接收另一个参数，该参数是一个函数，将在每个键值对儿上调用， 这个函数接收两个参数，一个键和一个值，而且都需要返回一个值。如果还原函数返回 undefined，则表示要从结果中删除相应的键；如果返回其他值，则将该值插入到结果中。
• 在将日期字符串转换为 Date 对象时，经常要用到还原函数。

var book = {
    "title": "Professional JavaScript",
    "authors": [
        "Nicholas C. Zakas"
    ],
    edition: 3,
    year: 2011,
    releaseDate: new Date(2011, 11, 1)   //js对象中releaseDate的值是一个Date对象；
};

var json = JSON.stringify(book); //Date对象在经过序列化之后变成JSON 字符串；
var bookCopy = JSON.parse(json, function(key, value) {
    if (key == "releaseDate") {
        return new Date(value);  //经过解析又在 bookCopy 中还原为一个 Date对象；
    }
    else {
        return value;
    }
});
document.write(json + "<br>")
document.write(bookCopy.releaseDate.getFullYear());