关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

JSON 是一种非常常用的数据格式，它被广泛应用于前后端数据的传输和存储。在 JavaScript 中，我们可以通过以下三种方法来处理 JSON 数据：

• JSON.parse(): 将 JSON 字符串解析为 JavaScript 对象。
• JSON.stringify(): 将 JavaScript 对象序列化为 JSON 字符串。
• $.parseJSON(): jQuery 特定的方法，将 JSON 字符串解析为 JavaScript 对象。

JSON.parse()

JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象。语法如下：

JSON.parse(text[, reviver])

其中，text 表示要解析的 JSON 字符串，reviver 是一个可选的参数，它控制如何转换结果。

示例：

const jsonStr = '{"name": "张三", "age": 20}';
const jsonObj = JSON.parse(jsonStr);

console.log(jsonObj.name); // "张三"
console.log(jsonObj.age); // 20

此示例中，首先创建了一个 JSON 字符串 jsonStr，包含了两个属性 name 和 age，然后使用 JSON.parse() 方法将其转换为了 JavaScript 对象 jsonObj，可以通过访问属性来获取其值。在这个示例中，输出结果分别是 张三 和 20。

JSON.stringify()

JSON.stringify() 方法将 JavaScript 对象转换为 JSON 字符串。语法如下：

JSON.stringify(value[, replacer[, space]])

其中，value 表示要序列化的 JavaScript 对象，replacer 和 space 都是可选参数，分别控制序列化的过程。

示例：

const obj = {name: "张三", age: 20};
const jsonStr = JSON.stringify(obj);

console.log(jsonStr); // '{"name":"张三","age":20}'

此示例中，定义了一个 JavaScript 对象 obj，包含了两个属性 name 和 age，然后使用 JSON.stringify() 方法将其序列化为了 JSON 字符串 jsonStr，可以通过 console.log() 输出字符串。在这个示例中，输出结果为 {"name":"张三","age":20}。

jQuery.parseJSON()

$.parseJSON() 方法和 JSON.parse() 方法的功能相同，但是 $.parseJSON() 是 jQuery 特定的方法。语法如下：

$.parseJSON(json)

其中，json 表示要解析的 JSON 字符串。

示例：

<!-- HTML -->
<div id="output"></div>

const jsonStr = '{"name": "张三", "age": 20}';
const jsonObj = $.parseJSON(jsonStr);

$("#output").html(jsonObj.name + "今年" + jsonObj.age + "岁了");

此示例中，首先创建了一个 JSON 字符串 jsonStr，包含了两个属性 name 和 age，然后使用 $.parseJSON() 方法将其转换为了 JavaScript 对象 jsonObj，最后通过 jQuery 的 $("#output") 将其渲染到了 HTML 页面中。在这个示例中，HTML 页面上渲染的结果是 张三今年20岁了。