json.parse 解析报错

JSON.parse是JavaScript中用于解析JSON字符串并返回对应的JavaScript对象的一个非常常用的方法，在实际使用过程中，我们可能会遇到各种各样的解析报错，本文将对这些常见的报错进行详细解析，并提供相应的解决方法。

1、SyntaxError: Unexpected token u in JSON at position 0

当我们尝试使用JSON.parse方法解析一个包含undefined值的JSON字符串时，会出现这个错误。

JSON.parse(JSON.stringify(undefined));

在这个例子中，JSON.stringify会将undefined转换为字符串"undefined"，而JSON.parse无法解析这个字符串，因为它不是有效的JSON格式。

解决方法：在调用JSON.parse之前，确保字符串是有效的JSON格式，对于上面的例子，可以通过判断undefined值来避免这个问题：

let obj = {
  a: undefined
};
let validJsonString = JSON.stringify(obj, (key, value) => {
  return value === undefined ? null : value;
});
let parsedObj = JSON.parse(validJsonString); // parsedObj.a === null

2、SyntaxError: Unexpected token N in JSON at position 0

当尝试解析包含NaN值的JSON字符串时，会出现这个错误。

JSON.parse("NaN");

解决方法：在调用JSON.parse之前，确保字符串中的NaN值已经被替换为null或其他有效值。

3、SyntaxError: Unexpected end of JSON input

这个错误通常发生在尝试解析一个不完整的JSON字符串时。

let jsonString = '{"a": 1';
let parsedObj = JSON.parse(jsonString); // 报错

解决方法：确保在调用JSON.parse之前，字符串是完整的，如果字符串来自网络请求或其他异步操作，需要确保数据传输完整。

4、SyntaxError: Unexpected token ' in JSON at position 1

这个错误通常发生在WebSocket或其他数据传输场景中，字符串中的双引号被替换为单引号，由于JSON规范要求使用双引号，因此JSON.parse方法无法解析包含单引号的字符串。

解决方法：在调用JSON.parse之前，将字符串中的单引号替换为双引号：

let jsonString = evt.data.replace(/'/g, '"');
let parsedObj = JSON.parse(jsonString);

5、SyntaxError: Unexpected end of JSON input...

在微信小程序或其他场景中，由于特殊字符导致数据截取，可能导致JSON解析失败。

解决方法：使用encodeURIComponent和decodeURIComponent对URL参数进行编码和解码。

6、其他错误

在某些情况下，后台返回的JSON字符串可能包含特殊字符，如换行符，在解析这类字符串时，需要先将这些特殊字符进行转义。

为了避免JSON.parse解析报错，我们需要在解析之前做以下检查：

1、确保字符串是完整的、有效的JSON格式。

2、替换字符串中的非规字符，如单引号、NaN、undefined等。

3、如果字符串来自网络请求或URL参数，确保对特殊字符进行编码和解码。

4、对于可能包含特殊字符的字符串，进行适当的转义处理。

通过以上方法，我们可以有效地避免JSON.parse解析报错，确保代码正常运行。