什么是JSON？

JavaScript对象表示法（JSON）是一种用于结构化数据的简洁、可读格式。它主要用于在服务器和Web应用程序之间传输数据，作为XML的替代方案。

JSON示例

{
  "name": "John Doe",
  "age": 30,
  "email": "john@example.com",
  "isActive": true,
  "hobbies": ["reading", "hiking", "coding"],
  "address": {
    "street": "123 Main St",
    "city": "New York",
    "zipCode": "10001"
  }
}

理解JSON

JSON（JavaScript对象表示法）是一种轻量级的数据交换格式，易于人类阅读和编写，也易于机器解析和生成。

JSON源自JavaScript对象表示法语法，但它是一种与语言无关的数据格式。许多编程语言都提供了解析和生成JSON数据的代码。

JSON相对于XML的主要优势是它更紧凑，解析速度更快，更易于人类编写和阅读。

JSON语法规则

•数据以名称/值对表示
•数据之间用逗号分隔
•花括号包含对象
•方括号包含数组
•键必须是字符串，用双引号括起来
•值可以是字符串、数字、布尔值、null、对象或数组

JSON数据类型

字符串

用双引号括起来的字符序列

"Hello World"

数字

整数或浮点数

42 或 3.14

布尔值

true或false值

true 或 false

Null

表示空值

null

对象

用花括号括起来的一组名称/值对

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

数组

用方括号括起来的有序值列表

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

JSON vs XML

特性	JSON	XML
语法	简单、紧凑	冗长、标记较多
数据类型	原生数据类型（字符串、数字、布尔值、null、数组、对象）	只有字符串，必须解析为其他类型
解析	解析速度更快、更容易	解析速度较慢、更复杂
可读性	人类可读，但更紧凑	更冗长，但嵌套数据有时更容易阅读
使用场景	Web API、配置文件、数据交换	文档标记、遗留系统、SOAP API

在JavaScript中使用JSON

JSON.parse()

将JSON字符串转换为JavaScript对象

const jsonString = '{"name":"John","age":30}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // 输出: John

JSON.stringify()

将JavaScript对象转换为JSON字符串

const obj = {name: "John", age: 30};
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出: {"name":"John","age":30}

JSON最佳实践

•键和字符串值使用双引号
•避免使用尾随逗号
•使用适当的缩进提高可读性
•尽可能保持JSON结构简单和扁平化
•在解析或使用JSON之前始终验证它
•注意JSON中的敏感数据

JSON工具和资源

JSON编辑器

JSON转换器

JSON转类

{ "name": "John Doe", "age": 30, "email": "john@example.com", "isActive": true, "hobbies": ["reading", "hiking", "coding"], "address": { "street": "123 Main St", "city": "New York", "zipCode": "10001" } }

理解JSON

JSON（JavaScript对象表示法）是一种轻量级的数据交换格式，易于人类阅读和编写，也易于机器解析和生成。

JSON源自JavaScript对象表示法语法，但它是一种与语言无关的数据格式。许多编程语言都提供了解析和生成JSON数据的代码。

JSON相对于XML的主要优势是它更紧凑，解析速度更快，更易于人类编写和阅读。

JSON数据类型

字符串

用双引号括起来的字符序列

"Hello World"

数字

整数或浮点数

42 或 3.14

布尔值

true或false值

true 或 false

Null

表示空值

null

对象

用花括号括起来的一组名称/值对

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

数组

用方括号括起来的有序值列表

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

JSON vs XML

特性	JSON	XML
语法	简单、紧凑	冗长、标记较多
数据类型	原生数据类型（字符串、数字、布尔值、null、数组、对象）	只有字符串，必须解析为其他类型
解析	解析速度更快、更容易	解析速度较慢、更复杂
可读性	人类可读，但更紧凑	更冗长，但嵌套数据有时更容易阅读
使用场景	Web API、配置文件、数据交换	文档标记、遗留系统、SOAP API

在JavaScript中使用JSON

JSON.parse()

将JSON字符串转换为JavaScript对象

const jsonString = '{"name":"John","age":30}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // 输出: John

JSON.stringify()

将JavaScript对象转换为JSON字符串

const obj = {name: "John", age: 30};
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出: {"name":"John","age":30}

What is JSON

什么是JSON？

JSON示例

理解JSON

JSON语法规则

JSON数据类型

字符串

数字

布尔值

Null

对象

数组

JSON vs XML

在JavaScript中使用JSON

JSON.parse()

JSON.stringify()

JSON最佳实践

JSON工具和资源

What is JSON

什么是JSON？

JSON示例

理解JSON

JSON语法规则

JSON数据类型

字符串

数字

布尔值

Null

对象

数组

JSON vs XML

在JavaScript中使用JSON

JSON.parse()

JSON.stringify()

JSON最佳实践

JSON工具和资源