JSON：JavaScript Object Notation(JavaScript 对象表示法)
JSON 语法是 JavaScript 对象表示语法的子集。
数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组
名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值
JSON 值可以是：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在中括号中）
对象（在大括号中）
null
JSON 字符串
所谓json字符串，是指该字符串变量的值与json的格式相同，但是不是json对象
var str1 = '{ "name": "deyuyi", "sex": "man" }';
JSON 使用 JavaScript 语法
var JSONObject = {
"name":"百度",
"url":"www.baidu.com",
"slogan":"天天向上"
};
JSON 数字
{ "age":30 }
JSON 中的数组
1种写法
{
"name":"网站",
"num":3,
"sites":[ "google", "baidu", "taobao" ]
}
2种写法
{
"name":"网站",
"num":3,
"sites": [
{ "name":"百度" , "url":"www.baidu.com" },
{ "name":"google" , "url":"www.google.com" },
{ "name":"微博" , "url":"www.weibo.com" }
]
}
嵌套 JSON 对象中的数组
{
"name":"网站",
"num":3,
"sites": [
{ "name":"google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
{ "name":"baidu", "info":[ "搜索", "外卖", "地图" ] },
{ "name":"Taobao", "info":[ "淘宝", "电商" ] }
]
}
JSON 布尔值
{ "flag":true }
JSON null
{ "runoob":null }
JS数组
var sites = [
{ "name":"百度" , "url":"www.baidu.com" },
{ "name":"google" , "url":"www.google.com" },
{ "name":"微博" , "url":"www.weibo.com" }
];
JS对象(字面量表示法)
var person = {
firstname:"John",
lastname:"Doe",
age:50,
eyecolor:"blue"
};
在使用for in遍历时，只能通过 myObj[x] 来获取相应属性的值，而不能使用 myObj.x
var myObj = { "name":"百度", "alexa":10000, "site":"www.baidu.com" };
for (x in myObj) {
document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}
| 对比内容 | JSON | Javascript 对象 |
|---|---|---|
| 键名 | 必须是加双引号 | 可允许加单引号，双引号，也可以不加 |
| 属性值 | 只能是数值(10进制) ,字符串(双引号),布尔值和null,也可以是数组,符合JSON的对象，不能是函数,NaN,Infinity,-Infinity和undefined | javascript 中的任意值 |
| 逗号问题 | 最后一个值后面不能有逗号 | 可以有逗号 |
| 数值问题 | 前导不能为0，小数点后会有值 | 都可以 |
| 对比内容 | JSON | 数组 |
|---|---|---|
| 下标 | 字符串 ["a"] | 数字[0] |
| 长度 | 没有length属性 | 有length属性 |
JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是JSON 字符串。
我们可以使用 JSON.parse() 方法将JSON 字符串转换为 JavaScript 对象。
JSON.parse(text[, reviver])
参数说明：
text:必需， 一个有效的 JSON 字符串。
reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。
在向服务器发送数据时一般是字符串。
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为JSON 字符串。
JSON.stringify(value[, replacer[, space]])
参数说明：
space:可选，文本添加缩进、空格和换行符，
如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，
如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。
