json报错怎么解决_经验分享

歪小Z

Lv.10

封号会员

神

遇到JSON报错，首先要检查数据格式是否正确，有无多余或缺失的逗号、括号等。确认数据类型是否与预期一致，避免类型不匹配错误。检查字符编码，确保无非法字符。根据错误提示，逐步排查，解决问题。

JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，在使用 JSON 时，你可能会遇到各种错误，以下是一些常见的 JSON 错误及其解决方法：

（图片来源网络，侵删）

1. JSON 解析错误

当你在 JavaScript 中解析一个 JSON 字符串时，如果该字符串不是有效的 JSON 格式，那么会抛出一个 SyntaxError。

错误示例：

const jsonString = ‘{“name”: “John”, “age”: 30}’;
const obj = JSON.parse(jsonString);
// jsonString 不是有效的 JSON，比如漏掉了一个逗号
const jsonStringInvalid = ‘{“name”: “John”, “age”: 30 “city”: “New York”}’;
const objInvalid = JSON.parse(jsonStringInvalid); // SyntaxError: Unexpected string

解决方法：

使用 JSON 校验工具，[jsonlint]( 链接)，检查 JSON 字符串是否有效。

确保属性名使用双引号。

确保属性和值之间使用冒号。

确保对象和数组内的元素之间使用逗号分隔。

2. JSON 字符串格式错误

在将 JSON 对象转换为字符串时，如果对象含有不可序列化的值（如函数、undefined、symbol 等），可能会出现错误。

错误示例：

const obj = {name: “John”, age: 30, sayHello: function() { console.log(“Hello”); }};
const jsonString = JSON.stringify(obj); // sayHello 属性将被忽略

解决方法：

使用 JSON.stringify() 的第二个和第三个参数，来处理不可序列化的值。

“`javascript

const jsonString = JSON.stringify(obj, [‘name’, ‘age’], 2);

“`

3. Unicode 编码问题

JSON 字符串包含非ASCII字符，可能在解析或序列化过程中出现问题。

错误示例：

const obj = {name: “Jöhn”};
const jsonString = JSON.stringify(obj); // 序列化可能不会正确处理非ASCII字符

解决方法：

使用 JSON.stringify() 的第三个参数，设置一个替换函数。

“`javascript

const jsonString = JSON.stringify(obj, null, 2, function(key, value) {

return value;

});

“`

4. 深拷贝问题

当你试图使用 JSON.parse(JSON.stringify()) 来深拷贝一个对象时，可能会遇到问题。

错误示例：

const obj = {name: “John”, details: {age: 30}};
const deepCopy = JSON.parse(JSON.stringify(obj));
// 修改 deepCopy.details.age 不会影响原始对象，但如果原始对象有复杂类型（如函数、Date、RegExp等），这些将不会被正确处理。

解决方法：

使用第三方库，如 [lodash]( 链接) 的 _.cloneDeep() 方法。

或者，自定义一个深拷贝函数，来处理各种复杂类型。

5. 大数问题

在某些情况下，JSON 不支持大于 Number.MAX_SAFE_INTEGER 的整数。

错误示例：

const bigNumber = BigInt(“1234567890123456789012345678901234567890”);
const jsonString = JSON.stringify({number: bigNumber}); // 将会失去精度

解决方法：

将大数转换为字符串。

“`javascript

const obj = {number: bigNumber.toString()};

const jsonString = JSON.stringify(obj);