json都了解什么面试

JSON面试知识点全解析：从基础到进阶，面试官常问问题都在这

JSON（JavaScript Object Notation）作为当前前后端数据交互的核心格式，几乎是所有开发岗位的必考知识点，无论是前端面试中的数据解析、接口对接，还是后端面试中的数据传输、序列化，JSON都占据着重要位置，本文将从JSON的基础概念、核心特性、常见面试题（含代码示例）到进阶应用场景，全面梳理面试中可能涉及的JSON知识点，助你从容应对面试。

JSON是什么？核心特性有哪些？

定义

JSON是一种轻量级的数据交换格式,基于JavaScript的一个子集（ECMAScript 3 1999标准），但独立于语言，几乎所有编程语言都支持JSON的解析和生成，其设计目标是“让人类易于读写，让机器易于解析和生成”。

核心特性

• 文本格式：JSON是纯文本，以.json为文件后缀，可通过HTTP传输（如Content-Type: application/json）。
• 数据结构简单：支持两种核心结构：
  • 对象（Object）：无序的键值对集合，键必须是字符串（需用双引号包裹），值可以是多种类型。
  • 数组（Array）：有序的值集合，值可以是多种类型。
• 值类型丰富：支持6种数据类型：
  • 基本类型：字符串（"string"）、数字（123、14）、布尔值（true/false）、null
  • 复合类型：对象（）、数组（[]）
• 严格语法：
  • 键必须用双引号（单引号非法）；
  • 值如果是字符串,必须用双引号；
  • 末尾不能有逗号（如{"name": "张三",}非法）；
  • 支持嵌套结构（对象嵌套数组、数组嵌套对象等）。

与XML的对比（高频面试题）

JSON的语法规则（细节决定成败）

面试中常通过“挑错题”考察对JSON语法的，以下是关键语法规则及示例：

对象（Object）

• 语法：{"key1": value1, "key2": value2, ...}
• 规则：
  • 键必须是字符串，且必须用双引号（）包裹；
  • 值可以是任意JSON支持的类型；
  • 键值对之间用逗号（）分隔，最后一个键值对后不能有逗号。

合法示例：

{
  "name": "李四",
  "age": 25,
  "isStudent": false,
  "courses": ["math", "english"],
  "address": {
    "city": "Beijing",
    "zip": 100000
  }
}

非法示例（常见错误）：

// 键用单引号（非法）
{'name': '王五'}  
// 末尾有逗号（非法）
{"age": 30, "hobby": "reading",}  
// 值为数字类型加引号（虽合法但非数字，需注意）
{"score": "95"} // 此时score是字符串，不是数字

数组（Array）

• 语法：[value1, value2, ...]
• 规则：
  • 值可以是任意JSON支持的类型；
  • 元素之间用逗号（）分隔，最后一个元素后不能有逗号。

合法示例：

[
  {"id": 1, "name": "商品A"},
  {"id": 2, "name": "商品B"},
  null
]

非法示例：

// 数组末尾有逗号（非法）
[1, 2, 3,]  

数据类型细节

• 字符串：必须用双引号，支持转义字符（如\n、\t、\"、\\），但不支持单引号（）。

  {"message": "他说：\"你好！\""}

• 数字：支持整数、浮点数，不支持科学计数法（部分解析器支持，但JSON标准未定义）。

  {"price": 99.9, "count": 100}

• 布尔值与null：必须是小写（true/false/null，大写非法）。

  {"isActive": true, "data": null}

JSON在开发中的核心应用场景

面试中常结合实际场景考察JSON的使用,以下是高频应用点：

前后端数据交互（核心场景）

• 场景描述：前端通过AJAX/Fetch请求后端API，后端返回JSON格式数据，前端解析后渲染页面。
• 示例：
  • 后端返回JSON：{"code": 200, "data": [{"id": 1, "name": "苹果"}], "msg": "success"}
  • 前端解析（JavaScript）：

    fetch('/api/fruits')
      .then(response => response.json()) // 解析JSON字符串为JS对象
      .then(data => {
        console.log(data.data[0].name); // 输出：苹果
      });

配置文件

• 场景描述：项目中的静态配置（如环境变量、数据库连接信息）常用JSON存储，便于管理和修改。
• 示例（config.json）：

  {
    "env": "production",
    "database": {
      "host": "localhost",
      "port": 3306,
      "username": "root",
      "password": "123456"
    },
    "features": {
      "enableCache": true,
      "maxConnections": 100
    }
  }

数据序列化与反序列化

• 序列化：将内存中的对象/数据结构转换为JSON字符串（便于传输或存储）。

• 反序列化：将JSON字符串解析为内存中的对象/数据结构（便于程序处理）。

• 示例（JavaScript）：

  // 序列化：JS对象 -> JSON字符串
  const obj = { name: "赵六", hobbies: ["coding", "travel"] };
  const jsonString = JSON.stringify(obj); 
  console.log(jsonString); // 输出：{"name":"赵六","hobbies":["coding","travel"]}
  // 反序列化：JSON字符串 -> JS对象
  const parsedObj = JSON.parse(jsonString);
  console.log(parsedObj.hobbies[0]); // 输出：coding

API响应格式（RESTful API）

• 场景描述：RESTful API通常以JSON作为标准响应格式，统一前后端数据交互规范。

• 常见响应结构：

  // 成功响应
  {
    "code": 200,
    "data": { "userId": 123, "token": "abc123..." },
    "message": "登录成功"
  }
  // 错误响应
  {
    "code": 400,
    "error": "Bad Request",
    "message": "用户名不能为空"
  }

高频面试题与解析（含代码示例）

JSON.parse() 和 JSON.stringify() 的使用场景及注意事项？

解析：

• JSON.parse()：将JSON字符串解析为JS对象/数组。
  • 使用场景：处理AJAX/Fetch返回的JSON响应、读取JSON配置文件。
  • 注意事项：
    • 参数必须是有效的JSON字符串,否则抛出SyntaxError；
    • 可传入第二个参数（reviver函数）用于转换解析后的值：