JSON.parse unexpected token s

在前端开发过程中，我们经常需要使用JSON数据格式进行数据交互。然而，在使用JSON.parse()方法解析JSON字符串时，有时候会出现“Unexpected token s”的错误提示，这是什么原因呢？

问题分析

首先，让我们看一下 JSON.parse() 方法的语法：

JSON.parse(text [, reviver])

其中，text 表示要解析的 JSON 字符串；reviver 参数可选，用于修正解析后的数据。

当我们传入一个不合法的 JSON 字符串时，例如：

const jsonString = 'this is not a valid JSON string';
const jsonObj = JSON.parse(jsonString);

就会抛出“Unexpected token s”的错误提示。这是因为 JSON 格式要求字符串必须使用双引号包裹，而上面的 JSON 字符串使用了单引号包裹。

正确的写法应该是：

const jsonString = '{"name": "Alice", "age": 18}';
const jsonObj = JSON.parse(jsonString);

解决方法

除了使用正确的 JSON 格式外，还有其他的解决方法。

使用try...catch处理异常

我们可以使用 try...catch 来捕获解析 JSON 字符串时抛出的异常，避免程序崩溃：

let jsonObj;
try {
  jsonObj = JSON.parse(jsonString);
} catch (e) {
  console.error("Failed to parse JSON string:", e);
}

使用第三方库

如果你在项目中频繁使用 JSON 数据交互，可以考虑使用一些第三方库，例如 jsonlint、jsontoxml 等。这些库可以帮助你更好地处理 JSON 数据。

总结

在前端开发中，使用 JSON 格式是非常常见的。但是，当我们在解析 JSON 字符串时出现“Unexpected token s”的错误提示时，要及时排查错误原因。除了使用正确的 JSON 格式外，还可以使用 try...catch 来捕获异常，或者使用第三方库来处理 JSON 数据。

示例代码：

const jsonString = '{"name": "Alice", "age": 18}';
let jsonObj;
try {
  jsonObj = JSON.parse(jsonString);
} catch (e) {
  console.error("Failed to parse JSON string:", e);
}
console.log(jsonObj.name); // 输出：Alice

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28476