Json 生成与解析详解及实例代码

什么是 JSON？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。

它基于JavaScript语言的一个子集，以易于人们阅读和编写的文本格式来传输和存储数据。

JSON采用键值对（key-value）的方式来表示数据对象，同时支持数组和嵌套。

JSON具有结构简单、易于解析、轻量级等特点，因此在Web应用系统中广泛应用。

JSON 生成

在JavaScript中，可以使用JSON.stringify()方法将对象转换为JSON格式字符串。

对象转换为JSON字符串

假设我们有一个JavaScript对象：

let obj = {
  name: 'Tom',
  age: 18,
  hobbies: ['Reading', 'Music']
};

可以使用JSON.stringify()方法将其转换为JSON字符串：

let jsonObj = JSON.stringify(obj);
console.log(jsonObj);  // {"name":"Tom","age":18,"hobbies":["Reading","Music"]}

数组转换为JSON字符串

同样的，我们也可以将JavaScript数组转换为JSON格式字符串。

let arr = ['Reading', 'Music']
let jsonArr = JSON.stringify(arr);
console.log(jsonArr);  // ["Reading","Music"]

JSON 解析

在JavaScript中，可以使用JSON.parse()方法将JSON格式字符串转换为对象。

解析JSON字符串为对象

假设我们有一个JSON格式的字符串：

let jsonStr = '{"name":"Tom","age":18,"hobbies":["Reading","Music"]}';

可以使用JSON.parse()方法将其转换为对象：

let obj = JSON.parse(jsonStr);
console.log(obj);  // { name: 'Tom', age: 18, hobbies: [ 'Reading', 'Music' ] }

解析JSON字符串为数组

同样的，我们也可以将JSON格式字符串转换为JavaScript数组。

let jsonArrStr = '["Reading","Music"]';
let arr = JSON.parse(jsonArrStr);
console.log(arr);  // ["Reading","Music"]

示例说明

示例一：生成和解析JSON数据

下面是一个示例，演示如何将一个JavaScript对象转换为JSON格式字符串，再将其解析为对象。

let obj = {
  name: 'Tom',
  age: 18,
  hobbies: ['Reading', 'Music']
};

// 将 JavaScript 对象转换为 JSON 字符串
let jsonObj = JSON.stringify(obj);

// 解析JSON字符串为对象
let obj2 = JSON.parse(jsonObj);

console.log(obj);
console.log(jsonObj);
console.log(obj2);

输出结果：

{ name: 'Tom', age: 18, hobbies: [ 'Reading', 'Music' ] }
{"name":"Tom","age":18,"hobbies":["Reading","Music"]}
{ name: 'Tom', age: 18, hobbies: [ 'Reading', 'Music' ] }

示例二：API 返回 JSON 格式数据

下面是另一个示例，演示如何使用JavaScript从API中获取JSON格式数据。

fetch('https://api.mydomain.com/data')
  .then(function(response) {
    return response.json();
  })
  .then(function(data) {
    console.log(data);
  });

在上面的示例中，我们使用了fetch()来获取API返回的响应对象，然后使用response.json()方法将响应对象中的JSON格式数据解析为对象。最后，我们使用console.log()输出解析后的对象。