JS解析JSON

JSON 全称为“JavaScript Object Notation”，是当前很流行的一种轻量级的数据交换格式，用来存储和传输数据，通常服务器端与客户端在进行交互时就是使用 JSON 格式的数据。

什么是 JSON

.json。

目前大多数编程语言（例如 PHP、Java、.Net）都支持 JSON，JSON 中有两种基本的结构：

, 分隔； , 分隔。

在 JSON 中，属性名称或键都是字符串格式的（需要使用英文的双引号括起来），而值则可以是任意类型，如下所示：

{ 
"course": { 
"name": "JavaScript", 
"author": "http://c.biancheng.net/", 
"year": 2021, 
"genre": "Getting Started tutorial", 
"bestseller": true 
}, 
"fruits": [ 
"Apple", 
"Banana", 
"Strawberry", 
"Mango" 
] 
}

在 JavaScript 中解析 JSON 数据

在 JavaScript 中，您可以使用 JSON.parse() 方法来解析 JSON 数据，示例代码如下：

var json = '{"course": {"name": "JavaScript","author": "http://c.biancheng.net/","year": 2021,"genre": "Getting Started tutorial","bestseller": true},"fruits": ["Apple","Banana","Strawberry","Mango"]}'; 
var obj = JSON.parse(json); 
console.log(obj.course); 
console.log(obj.fruits);

允许结果如下图所示：

图：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.stringify() 方法来将 JavaScript 值转换为 JSON 格式，如下例所示：

var obj = { 
"name": "JavaScript", 
"author": "http://c.biancheng.net/", 
"year": 2021, 
"genre": "Getting Started tutorial", 
"bestseller": true 
}; 
var json = JSON.stringify(obj); 
document.write(json);

运行结果如下：

{"name":"JavaScript","author":"http://c.biancheng.net/","year":2021,"genre":"Getting Started tutorial","bestseller":true}

注意：虽然 JavaScript 对象与 JSON 对象看起来非常相似，但它们并不相同，例如在 JavaScript 中，对象的属性名称可以用单引号 '' 或双引号 "" 括起来，也可以完全省略引号。但是，在 JSON 中，所有属性名称都必须用双引号括起来。