当我们在前端开发中涉及到数据传输和存储时，常常会用到 JSON 和对象字面符号。它们看起来非常相似，但实际上有很多区别。本文将详细介绍 JSON 和对象字面符号的区别，包括语法、用途、序列化等方面，并提供示例代码作为参考。
什么是 JSON？
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。JSON 可以表示简单值（例如字符串、数字、布尔值）和复杂值（例如数组和对象）。JSON 格式与 JavaScript 中的对象字面符号非常相似，但 JSON 没有函数或方法的概念。
JSON 语法
JSON 的语法非常简单，由以下几部分组成：
- 数据在键/值对中：键必须是字符串，值可以是任意类型的数据。
- 数据由逗号分隔：每个键/值对之间用逗号分隔。
- 花括号保存对象：使用花括号（{}）包裹对象。
- 方括号保存数组：使用方括号（[]）包裹数组。
下面是一个简单的 JSON 示例：
{
"name": "张三",
"age": 18,
"hobbies": ["篮球", "游泳"]
}JSON 序列化
在 JavaScript 中，可以使用 JSON.stringify() 方法将对象或数组序列化为 JSON 字符串。例如：
-- -------------------- ---- ------- ----- ---- - - ----- ----- ---- --- -------- ------ ----- -- ----- ---------- - --------------------- ------------------------ -- -----------------------------------------------
JSON 反序列化
在 JavaScript 中，可以使用 JSON.parse() 方法将 JSON 字符串反序列化为 JavaScript 对象或数组。例如：
const jsonString = '{"name":"张三","age":18,"hobbies":["篮球","游泳"]}';
const user = JSON.parse(jsonString);
console.log(user);
// 输出：{ name: "张三", age: 18, hobbies: [ "篮球", "游泳" ] }什么是对象字面符号？
对象字面符号是 JavaScript 中创建对象的一种方式。它允许我们在声明变量时定义对象的属性和值。与 JSON 不同，对象字面符号可以包含函数和方法。
对象字面符号语法
对象字面符号的语法非常简单，由以下几部分组成：
- 用花括号包裹对象。
- 在花括号中定义属性和值，以键/值对的形式表示。
- 每个键/值对之间使用逗号分隔。
下面是一个简单的对象字面符号示例：
const user = {
name: "张三",
age: 18,
hobbies: ["篮球", "游泳"],
sayHello() {
console.log(`你好，我的名字是 ${this.name}`);
}
};对象字面符号序列化
由于对象字面符号是 JavaScript 中的一种对象表示方式，因此无法直接序列化为 JSON 字符串。如果要将对象字面符号序列化为 JSON 字符串，需要使用 JSON.stringify() 方法将其转换为 JSON 格式。例如：
-- -------------------- ---- -------
----- ---- - -
----- -----
---- ---
-------- ------ ------
---------- -
--------------------- ---------------
-
--
----- ---------- - ---------------------
------------------------
-- -----------------------------------------------对象字面符号反序列化
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9414
