JSON === [TOC] # 参考资源 http://www.runoob.com/json/json-tutorial.html # 概念 JSON: JavaScript Object Notation（JavaScript 对象表示法）。JSON 是存储和交换文本信息的语法。JSON 使用 Javascript语法来描述数据对象，但是 JSON独立于语言和平台。PHP、Nodejs等编程语言都支持JSON。 一个JSON对象的列子： ``` { "sites": [ { "name":"菜鸟教程" , "url":"www.runoob.com" }, { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ] } ``` JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。 # JSON 语法规则 JSON 语法是 JavaScript 对象表示语法的子集。 数据在名称/值对中 数据由逗号分隔 大括号保存对象 中括号保存数组 ## JSON 名称/值对 JSON 数据的书写格式是：名称/值对。名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值： "name" : "菜鸟教程" ## JSON 值 JSON 值可以是： * 数字（整数或浮点数） * 字符串（在双引号中） * 逻辑值（true 或 false） * 数组（在中括号中） * 对象（在大括号中） * null ## JSON 数字 JSON 数字可以是整型或者浮点型： ``` { "age":30 } ``` ## JSON 对象 JSON 对象在大括号（{}）中书写，对象可以包含多个名称/值对： ``` { "name":"菜鸟教程" , "url":"www.runoob.com" } ``` 你可以使用点号（.）来访问对象的值： ``` var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null }; x = myObj.name; ``` 你也可以使用中括号（[]）来访问对象的值： ``` x = myObj["name"]; ``` 你可以使用 for-in 来循环对象的属性： ``` var myObj = { "name":"runoob", "alexa":10000, "site":null }; for (x in myObj) { … } ``` 在 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值： ``` var myObj = { "name":"runoob", "alexa":10000, "site":null }; let str=”” for (x in myObj) { str+= myObj[x]; } ``` JSON 对象中可以包含另外一个 JSON 对象： ``` myObj = { "name": "runoob", "alexa": 10000, "sites": { "site1": "www.runoob.com", "site2": "m.runoob.com", "site3": "c.runoob.com" } } ``` 你可以使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。 ``` x = myObj.sites.site1; // 或者 x = myObj.sites["site1"]; ``` 你可以使用点号(.)来修改 JSON 对象的值： ``` myObj.sites.site1 = "www.google.com"; ``` 你可以使用中括号([])来修改 JSON 对象的值： ``` myObj.sites["site1"] = "www.google.com"; ``` 我们可以使用 delete 关键字来删除 JSON 对象的属性： ``` delete myObj.sites.site1; ``` 你可以使用中括号([])来删除 JSON 对象的属性： ``` delete myObj.sites["site1"] ``` ## JSON 数组 JSON 数组在中括号中书写： 数组可包含多个对象： ``` let myObj = { "name": "网站", "sites": [{ "name": "菜鸟教程", "url": "www.runoob.com" }, { "name": "google", "url": "www.google.com" }, { "name": "微博", "url": "www.weibo.com" }] } ``` 在上面的例子中，对象 "sites" 是包含三个对象的数组。每个对象代表一条关于某个网站（name、url）的记录。 我们可以使用索引值来访问数组，索引从 0 开始： ``` x = myObj.sites[0]; ``` 你可以使用 for-in 来访问数组： ``` for (let i in myObj.sites) { x += myObj.sites[i]; } ``` 你也可以使用 for 循环： ``` for (i = 0; i < myObj.sites.length; i++) { x += myObj.sites[i]; } ``` 你可以使用索引值来修改数组值： ``` myObj.sites[1] = "Github"; ``` 我们可以使用 delete 关键字来删除数组元素： ``` delete myObj.sites[1]; ``` ## JSON 布尔值 JSON 布尔值可以是 true 或者 false： ``` { "flag":true } ``` ## JSON null JSON 可以设置 null 值： ``` { "runoob":null } ``` # JSON.parse() JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。 ``` JSON.parse(text[, reviver]) ``` 参数说明： * text：必需， 一个有效的 JSON 字符串。 * reviver：可选，一个转换结果的函数， 将为对象的每个成员调用此函数。 例如我们从服务器接收了以下数据： ``` { "name":"runoob", "alexa":10000, "site":"www.runoob.com" } ``` 我们使用 JSON.parse() 方法处理以上数据，将其转换为 JavaScript 对象： ``` var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }'); ``` # JSON.stringify() JSON 通常用于与服务端交换数据。在向服务器发送数据时一般是字符串。我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。 ``` JSON.stringify(value[, replacer[, space]]) ``` 参数说明： * value：必需， 一个有效的 JSON 对象。 * replacer：可选。用于转换结果的函数或数组。如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。 * space：可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 有可以使用非数字，如： 。 ## JavaScript 对象转换 例如我们向服务器发送以下数据： ``` var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"}; ``` 我们使用 JSON.stringify() 方法处理以上数据，将其转换为字符串： ``` var myJSON = JSON.stringify(obj); ‘{ "name":"runoob", "alexa":10000, "site":"www.runoob.com"}’ ``` # JavaScript 数组转换 我们也可以将 JavaScript 数组转换为 JSON 字符串： ``` var arr = [ "Google", "Runoob", "Taobao", "Facebook" ]; var myJSON = JSON.stringify(arr); ```