JSON 与 JavaScript 对象之间的转换

2023-01-06 17:29:33

探索 JSON：用 JavaScript 解析和转换数据

在现代 Web 开发中，JSON 无处不在。它是一种轻量级的数据格式，用于在应用程序之间轻松高效地交换信息。在这篇博客中，我们将深入了解 JSON，并使用 JavaScript 来解析和转换它。

1. JSON 是什么？

JSON（JavaScript Object Notation）是一种基于文本的数据格式，它以键值对的形式组织数据。它以其易于阅读和解析的特性而闻名，使其成为客户端和服务器之间传输数据的一种流行选择。

2. 解析 JSON

解析 JSON 意味着将其从文本格式转换为 JavaScript 对象。JavaScript 提供了一个内置方法 JSON.parse() 来实现这一目的。

const jsonString = '{"name": "John Doe", "age": 30}';
const jsonObject = JSON.parse(jsonString);

在这个示例中，jsonObject 现在包含了 name 和 age 属性，其值与 JSON 字符串中的值相同。

3. 转换 JSON

相反地，转换 JSON 意味着将 JavaScript 对象转换为文本格式。为此，我们使用 JSON.stringify() 方法。

const jsonObject = {name: "John Doe", age: 30};
const jsonString = JSON.stringify(jsonObject);

转换后的 jsonString 与原始 JSON 字符串相同。

4. 示例

让我们通过一个完整的示例来进一步理解解析和转换 JSON：

const jsonString = '{"name": "Jane Doe", "occupation": "Software Engineer"}';
const jsonObject = JSON.parse(jsonString);

console.log(jsonObject.name); // "Jane Doe"
console.log(jsonObject.occupation); // "Software Engineer"

const updatedJsonObject = {...jsonObject, location: "New York"};
const updatedJsonString = JSON.stringify(updatedJsonObject);

console.log(updatedJsonString); 
// {"name": "Jane Doe", "occupation": "Software Engineer", "location": "New York"}