JS解析JSON
什么是 JSON
JSON 是从 JavaScript 脚本中演变而来的，并且使用 JavaScript 中的语法来描述数据。与 XML 一样，JSON 也是一种基于文本的格式，文件扩展名为 .json。目前大多数编程语言（例如 PHP、Java、.Net）都支持 JSON，JSON 中有两种基本的结构：
- 对象：由若干键/值对（即
key:value）组成的无序，每个对象以左花括号{开始，以右花括号}结尾，多个键/值对之间使用逗号,分隔； - 数组：一个有序的值列表，每个数组以左方括号
[开始，以右方括号]结尾，多个值之间使用逗号,分隔。
在 JSON 中，属性名称或键都是字符串格式的（需要使用英文的双引号括起来），而值则可以是任意类型，如下所示：
{
"course": {
"name": "JavaScript",
"author": "http://c.biancheng网站站点" rel="nofollow" />
var json = '{"course": {"name": "JavaScript","author": "http://c.biancheng网站站点" rel="nofollow" />
图：JSON.parse() 方法演示
解析嵌套的 JSON 数据
JSON 数据中的对象和数组可以相互嵌套，一个 JSON 对象中可以包含任意类型的数据（例如数组、嵌套数组、其它 JSON 对象等）。对于相互嵌套的 JSON 数据我们要如何获取呢？示例代码如下：运行结果如下图所示：var json = `{
"book": {
"name": "Harry Potter and the Goblet of Fire",
"author": "J. K. Rowling",
"year": 2000,
"characters": ["Harry Potter", "Hermione Granger", "Ron Weasley"],
"genre": "Fantasy Fiction",
"price": {
"paperback": "$10.40", "hardcover": "$20.32", "kindle": "$4.11"
}
}
}`;
// 将 JSON 数据转换为 JSON 对象
var obj = JSON.parse(json);
// 打印嵌套的 JSON 数据
function printValues(obj) {
for (var k in obj) {
if (obj[k] instanceof Object) {
printValues(obj[k]);
} else {
document.write(obj[k] + "<br>");
};
}
};
// 调用 printValues() 函数
printValues(obj);
document.write("<hr>");
// 打印 JSON 数据中的单个值
document.write(obj["book"]["author"] + "<br>"); // 输出: J. K. Rowling
document.write(obj["book"]["characters"][0] + "<br>"); // 输出: Harry Potter
document.write(obj["book"]["price"]["hardcover"]); // 输出: $20.32
图：解析嵌套的 JSON 数据
将数据转换为 JSON
在开发过程中，有时我们需要将数据转换为 JSON 格式，方便客户端与服务器端进行数据交互。JavaScript 中提供了 JSON.stringify() 方法来将 JavaScript 值转换为 JSON 格式，如下例所示：var obj = {
"name": "JavaScript",
"author": "http://c.biancheng网站站点" rel="nofollow" />
{"name":"JavaScript","author":"http://c.biancheng网站站点" rel="nofollow" />
注意：虽然 JavaScript 对象与 JSON 对象看起来非常相似，但它们并不相同，例如在 JavaScript 中，对象的属性名称可以用单引号 '' 或双引号 "" 括起来，也可以完全省略引号。但是，在 JSON 中，所有属性名称都必须用双引号括起来。