JavaScript复习(JSON)

JavaScript复习

JSON概念

JSON 英文全称 JavaScript Object Notation
JSON 是一种轻量级的数据交换格式。
JSON是独立的语言 *
JSON 易于理解。

JSON 实例

{site:[
    {"name":"Runoob", "url":"www.runoob.com"}, 
    {"name":"Google", "url":"www.google.com"},
    {"name":"Taobao", "url":"www.taobao.com"}
]}

JSON 语法规则

数据为 键/值 对。
数据由逗号分隔。
大括号保存对象
方括号保存数组

JSON 字符串转换为 JavaScript 对象

首先，创建 JavaScript 字符串，字符串为 JSON 格式的数据：
var text={site:[
          {"name":"Runoob", "url":"www.runoob.com"}, 
          {"name":"Google", "url":"www.google.com"},
          {"name":"Taobao", "url":"www.taobao.com"}
      ]}
然后，使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象:
var obj = JSON.parse(text);
var res = obj.sites[1].name + " " + obj.sites[1].url;
结果：Google www.google.com

JavaScript JSON.parse()

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

JSON.parse(text[, reviver])

参数说明：
text:必需， 一个有效的 JSON 字符串。
reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

返回值：
返回给定 JSON 字符串转换后的对象。

JSON.stringify()

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

JSON.stringify(value[, replacer[, space]])

参数说明：
value:必需， 要转换的 JavaScript 值（通常为对象或数组）。

replacer:可选。用于转换结果的函数或数组。

如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。
使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。

如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。

space:
可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，
如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

返回值：
返回给定 JSON 字符串转换后的对象。

var str = {"name":"菜鸟教程", "site":"http://www.runoob.com"}
str_pretty1 = JSON.stringify(str)
document.write( "只有一个参数情况：" );
document.write("<pre>" + str_pretty1 + "</pre>" );
结果：{"name":"菜鸟教程","site":"http://www.runoob.com"}

str_pretty2 = JSON.stringify(str, null, 4) //使用四个空格缩进
document.write( "使用参数情况：" );
document.write("<pre>" + str_pretty2 + "</pre>" ); // pre 用于格式化输出
结果：{
    "name": "菜鸟教程",
    "site": "http://www.runoob.com"
}