笔记|JavaScript JSON json|前端|javascript

JSON是用于存储和传输数据的格式，通常用于服务端向网页传递数据
1.JSON 语法规则数据为键/值对。
数据由逗号分隔。
大括号保存对象
方括号保存数组
（1）JSON数据 【笔记|JavaScript JSON】一个名称对应一个值
JSON数据格式为键值对，就像javaSc对象的属性。键/值对包括字段名称（在双引号中），后面一个冒号，然后是值：

"name":"Runoob"

（2）JSON对象其保存在大括号内
就像javascript中对象可以保存多个键/值对

"name":"Runoob","url":"www.runoob.com"

（3）JSON数组其保存在中括号内。数组可以包含对象：

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

2.字符串转换为Javascript对象通常我们从服务器中读取JSON数据，并在网页中显示数据。简单起见，我们网页中直接设置JSON字符串。
首先创建JavaScript字符串，字符串为JSON格式的数据：

var text = '{"sites":['+'{"name":"Runoob","url":"www.runoob.com"}, '+'{"name":"Google","url":"www.google.com"}]}';

然后使用Javascript内置函数JSON.parse()将字符串转换为Javascript对象

var obj = JSON.parse(text);

菜鸟教程(runoob.com)为 JSON 字符串创建对象 > var text = '{ "sites" : [' + '{ "name":"Runoob" , "url":"www.runoob.com" },' + '{ "name":"Google" , "url":"www.google.com" },' + '{ "name":"Taobao" , "url":"www.taobao.com" } ]}'; obj = JSON.parse(text); document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;

运行结果：