JSON.parse()遇Unexpected token错误主因是字符串含HTML标签、BOM、缩进不规范或字段名缺双引号;应先trim去空、检查不可见字符,优先用response.json();JSON.stringify()会忽略函数/undefined/Symbol等,需replacer处理特殊类型;嵌套JSON须两层解析并try/catch;环境差异上,浏览器fetch自动校验Content-Type,Node.js需手动处理,且均不支持注释和尾随逗号。
直接用 JSON.parse() 解析无效 JSON 字符串会抛出 SyntaxError: Unexpected token,常见于后端返回带 HTML 标签、BOM 字节、换行缩进不规范或字段名没加双引号的“类 JSON”文本。
console.log(JSON.stringify(str)) 检查原始字符串是否含不可见字符(如 \uFEFF)str.trim().replace(/^\s+|\s+$/g, '') 清除首尾空白,再尝试解析fetch 响应,优先用 response.json()(它内部已做基础校验和编码处理)JSON.stringify() 生成,避免单引号、未转义引号等问题JSON.stringify() 只处理可序列化的值:数字、字符串、布尔、null、数组、纯对象。函数、undefined、Symbol、Date 对象、RegExp、Map/Set 等都会被忽略或转为 null。
undefined 作为对象属性值 → 该属性被完全剔除undefined 在数组中 → 转为 null
Date 对象 → 自动调用 .toJSON
(),变成 ISO 字符串(如 "2025-05-12T08:30:00.000Z")replacer 函数,例如:JSON.stringify(obj, (key, val) => {
if (val instanceof Date) return val.toISOString();
if (typeof val === 'function') return val.toString();
return val;
})后端有时把 JSON 数据作为字符串存进某个字段(比如日志内容、配置快照),这时需两层解析:先 JSON.parse() 外层,再对特定字段再次 JSON.parse()。
try/catch,避免某条数据字段损坏导致整个解析失败{ "id": 1, "meta": "{\"user_id\":123,\"tags\":[\"a\",\"b\"]}" }const data = JSON.parse(raw);
if (typeof data.meta === 'string') {
try {
data.meta = JSON.parse(data.meta);
} catch (e) {
console.warn('Failed to parse meta:', e.message);
data.meta = null;
}
}JSON.parse(JSON.parse(...)),必须确认字段类型是字符串语法层面一致,但运行环境影响输入来源和容错边界:
fetch().then(r => r.json()) 会自动检查 Content-Type: application/json,不匹配时报 TypeError;Node.js 的 node-fetch 或 axios 默认不校验,容易静默失败stream-json 库)JSON.parse() 不支持注释、尾随逗号;Node.js 同样不支持——别指望 // 或 {a:1,} 能通过typeof str === 'string' && str.trim() 判断,就能避开大半线上报错。