专业论坛网站有哪些做一个网站要多少钱
JSON 的核心特点
- 易读易写:纯文本格式,结构清晰(像“键值对”的集合)。
- 通用性强:任何语言都能解析或生成 JSON。
- 用途广泛:常用于前后端数据传输、配置文件、API 接口等。
📦 JSON 的常见场景
- 前后端通信:前端发送数据给服务器,或接收服务器的数据。
// 前端发送给服务器的登录请求数据 {"username": "user123","password": "******" }
- 配置文件:比如 VS Code 的
settings.json
。 - 存储简单数据:替代复杂的 XML 格式。
🛠️ JSON 的语法规则
-
数据以键值对表示:
"键": 值
- 键必须用双引号包裹(单引号不行!)。
- 值可以是:字符串、数字、布尔值、数组、对象、
null
。
-
数据类型示例
{"name": "小明", // 字符串"age": 20, // 数字"isStudent": true, // 布尔值"hobbies": ["篮球", "音乐"], // 数组"address": { // 嵌套对象"city": "北京","street": "中关村"},"score": null // 空值 }
-
不可写注释:JSON 标准不允许添加注释(这点和代码不同!)。
⚡ JSON vs JavaScript 对象
-
JSON 是字符串:一种数据格式,不能直接执行。
-
JS 对象是内存中的结构:可以包含函数、变量等。
// JS 对象(不需要双引号键) let user = { name: "小明", age: 20 };// JSON 字符串(必须用双引号) let jsonStr = '{"name": "小明", "age": 20}';
🔄 JSON 的解析与生成
-
将 JSON 字符串转为 JS 对象:
JSON.parse()
let jsonStr = '{"name": "小明", "age": 20}'; let user = JSON.parse(jsonStr); console.log(user.name); // 输出 "小明"
-
将 JS 对象转为 JSON 字符串:
JSON.stringify()
let user = { name: "小明", age: 20 }; let jsonStr = JSON.stringify(user); console.log(jsonStr); // 输出 '{"name":"小明","age":20}'
❗ 注意事项
-
严格语法:
- 键必须用双引号包裹。
- 末尾不能有多余的逗号(如
{"a":1,}
会报错)。 - 字符串必须用双引号(单引号无效)。
-
不支持特殊类型:
- 不能存储函数、日期等对象(需转为字符串或数字)。
🛠️ 校验工具
如果 JSON 格式出错,可以用在线工具检查:
- JSONLint
- JSON Formatter
🌰 实际类比
把 JSON 想象成一个快递箱:
- 箱子外面贴了标签(键),比如
"收件人"
、"重量"
。 - 箱子里装了具体内容(值),比如
"小明"
、10kg
。 - 快递员(程序)能快速读懂标签和内容,准确送达。