JSON - JavaScript

简介

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写。JSON以键值对的形式表示数据，使用人类可读的文本，可以被多种编程语言解析和生成。在JavaScript中，JSON通常作为数据交换的一种标准格式。

JSON语法

JSON使用两种结构来表示数据：对象和数组。

对象

对象是一个无序的键值对集合，使用大括号 {} 包裹。每个键值对使用冒号 : 分隔，键值对之间使用逗号 , 分隔。键是字符串，值可以是任意的JSON类型（字符串、数字、布尔值、null、数组或嵌套对象）。

{
  "name": "John",
  "age": 30,
  "isAdmin": true,
  "pets": ["dog", "cat"],
  "address": {
    "street": "123 Street",
    "city": "New York"
  }
}

数组

数组是一个有序的值的集合，使用方括号 [] 包裹。每个值之间使用逗号 , 分隔。值可以是任意的JSON类型（字符串、数字、布尔值、null、数组或嵌套对象）。

["apple", "banana", "orange"]

值

JSON支持以下数据类型：

• 字符串：由双引号 " " 包裹的文本。
• 数字：整数或浮点数。
• 布尔值：true或false。
• null：表示空值。
• 对象：由大括号 {} 包裹的键值对集合。
• 数组：由方括号 [] 包裹的值集合。

JavaScript中的JSON操作

在JavaScript中，可以通过内置的方法来解析和生成JSON。

JSON解析

使用JSON.parse()方法可以将JSON字符串解析为JavaScript对象。

const jsonString = '{"name":"John","age":30,"isAdmin":true}';
const jsonObj = JSON.parse(jsonString);
console.log(jsonObj);

输出：

{
  "name": "John",
  "age": 30,
  "isAdmin": true
}

JSON生成

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

const jsonObj = {
  "name": "John",
  "age": 30,
  "isAdmin": true
};
const jsonString = JSON.stringify(jsonObj);
console.log(jsonString);

输出：

{"name":"John","age":30,"isAdmin":true}

JSON与HTTP通信

由于JSON的轻量性和易于解析的特点，它经常被用作数据交换的格式。在HTTP通信中，常见的应用场景有：

• 作为请求的参数或响应的数据格式
• API的数据传输格式
• 前后端数据交换

使用现代框架（如React、Vue、Angular）开发应用程序时，通常使用JSON进行前后端数据交互。

总结

JSON是一种轻量级的数据交换格式，易于阅读和编写。在JavaScript中，可以通过JSON.parse()和JSON.stringify()方法解析和生成JSON。JSON在HTTP通信中被广泛应用。

详细内容请参考 JSON官方文档。