JSON.parse() 是 JavaScript 中用于解析 JSON 字符串并返回对应的 JavaScript 对象的函数，在使用过程中，开发者可能会遇到各种报错情况，本文将对这些常见的错误进行分析和解释，并提供相应的解决方案。
1. 语法错误
当尝试解析一个格式不正确的 JSON 字符串时，JSON.parse() 会抛出一个 SyntaxError 错误，以下是一些常见的导致语法错误的情况：
(1) 错误的引号
JSON 字符串必须使用双引号（”）包裹键名和字符串值，如果使用了单引号或未使用引号，JSON.parse() 将无法正确解析。
// 错误示例
const jsonString = “{‘key’: ‘value’}”;
JSON.parse(jsonString); // SyntaxError: Unexpected token ‘{‘
// 正确示例
const correctJsonString = ‘{“key”: “value”}’;
JSON.parse(correctJsonString); // {key: “value”}
(2) 特殊字符未转义
在 JSON 字符串中，反斜杠（）是转义字符，若字符串中包含特殊字符（如换行符、制表符等），需要使用反斜杠进行转义。
// 错误示例
const jsonString = ‘”newline:
“‘;
JSON.parse(jsonString); // SyntaxError: Unexpected token n in JSON at position 9
// 正确示例
const correctJsonString = ‘”newline: n”‘;
JSON.parse(correctJsonString); // {newline: ”
“}
(3) 键名不是字符串
在 JSON 对象中，所有键名都必须是字符串，如果使用了其他类型的值作为键名，JSON.parse() 将无法正确解析。
// 错误示例
const jsonString = ‘[1: “value”]’;
JSON.parse(jsonString); // SyntaxError: Unexpected token ‘:’ in JSON at position 1
2. 无效的 JSON 值
在 JSON 规范中，undefined、NaN 和 Infinity 这些值是不允许的，如果尝试解析包含这些值的 JSON 字符串，将会抛出错误。
// 错误示例
const jsonString = ‘{“key”: undefined}’;
JSON.parse(jsonString); // SyntaxError: Unexpected token u in JSON at position 8
const jsonString2 = ‘{“key”: NaN}’;
JSON.parse(jsonString2); // SyntaxError: Unexpected token N in JSON at position 8
const jsonString3 = ‘{“key”: Infinity}’;
JSON.parse(jsonString3); // SyntaxError: Unexpected token I in JSON at position 8
3. JSON 字符串为空或非字符串
如果尝试解析一个空字符串或非字符串类型的值，JSON.parse() 将无法正常工作。
// 错误示例
JSON.parse(”); // SyntaxError: Unexpected end of JSON input
JSON.parse(null); // SyntaxError: Unexpected token n in JSON at position 0
解决方案
针对上述问题，以下是一些解决方案：
1、确保使用双引号包裹键名和字符串值。
2、使用 JSON.stringify() 时，确保特殊字符被正确转义。
3、在解析 JSON 字符串之前，检查其格式是否正确。
4、对于 undefined、NaN 和 Infinity 这些无效的 JSON 值，可以在序列化（JSON.stringify()）之前替换为有效的值，null。
5、确保传递给 JSON.parse() 的参数是一个非空的字符串。
通过遵循这些最佳实践，可以避免在使用 JSON.parse() 时遇到报错，在开发过程中，了解 JSON 规范并遵循正确的数据格式至关重要，这样可以确保代码的稳定性和可维护性。
