JSON.parse()解析单引号错误的问题

本文探讨了在使用JSON.parse()方法解析包含特殊字符的JSON字符串时遇到的问题,并提供了后台转义特殊字符的解决方法。

1、当用JSON.parse()方法,解析从后台传来的json字符串,而且字符串中含有单引号(如I'am ....),页面将出现如下异常



2、页面引起报错部分




3、解决办法:在后台将特殊字符转义

bookBlockVoListJSONString = BaseStringUtils.getJsonForJS(JSONArray.fromObject(bookBlockVoList).toString());


--页面

//如果为做作业,则下面两个变量有值
var _homeworkRecordId = '${homeworkRecordId}';
var _homeworkType = '${homeworkType}';
var _blockList = null;
if( _homeworkRecordId != null && _homeworkRecordId != "" ){
_blockList = JSON.parse('${bookBlockVoListJSONString}');
}



4、转义代码

public class BaseStringUtils {

	/**
	 * 转换特殊字符,将json串转换为JS能直接识别的json
	 * @param oldJson
	 * @return
	 */
	public static String getJsonForJS(String oldJson) {
		
		String newJson = oldJson;
		newJson = newJson.replaceAll("\\\\", "\\\\\\\\");
		newJson = newJson.replaceAll("\\'", "\\\\'");
		newJson = newJson.replaceAll("\\\"", "\\\\\"");
		return newJson;
	}
	
}


### JSON.parse 解析字符串时包含特殊字符或格式的问题及解决方案 在 JavaScript 中,`JSON.parse` 是用于将 JSON 字符串转换为 JavaScript 对象的核心工具。然而,在实际应用中,由于输入字符串可能存在不合规的情况或者包含特殊字符,可能导致解析失败并抛出 `SyntaxError` 异常。 以下是针对常见问题及其解决方案的详细分析: #### 1. 输入字符串不符合标准 JSON 格式 `JSON.parse` 只能接受严格遵循 JSON 规范的字符串作为其参数。如果键名未被双引号包裹,则会导致语法错误[^4]。 ##### 示例代码: ```javascript const invalidJson = "{'name':'张三'}"; // 错误:键名缺少双引号 try { const obj = JSON.parse(invalidJson); } catch (e) { console.error("解析失败:", e.message); // 输出: Unexpected token ' in JSON at position 1 } ``` ##### 解决方案: 确保所有键值均使用双引号包裹。可以通过正则表达式或其他预处理手段修复非法格式。 ```javascript function fixQuotes(str) { return str.replace(/'/g, '"'); // 替换单引号为双引号 } const fixedJson = fixQuotes(invalidJson); console.log(JSON.parse(fixedJson)); // 成功解析 ``` --- #### 2. 特殊字符未正确转义 当字符串中存在未经转义的特殊字符(如反斜杠 `\` 或双引号 `"`),也会引发解析错误[^3]。 ##### 示例代码: ```javascript const badString = '{"name":"John"s age"}'; // 错误:双引号未转义 try { JSON.parse(badString); } catch (e) { console.error(e.message); // 输出: Unterminated string literal } ``` ##### 解决方案: 在序列化前对敏感字符进行转义处理。 ```javascript function escapeSpecialChars(str) { return str.replace(/(["\\])/g, '\\$1'); } const escapedString = escapeSpecialChars('{"name":"John"s age"}'); console.log(JSON.parse(escapedString)); // 正确解析 ``` --- #### 3. 大型字符串导致转义失败 对于非常长的字符串,即使进行了适当转义,仍可能发生意外情况,尤其是涉及嵌套层次较深的对象时[^2]。 ##### 示例代码: ```javascript const longStr = Array(10000).fill('"').join(''); try { JSON.parse(`"${longStr}"`); } catch (e) { console.error(e.message); // 可能因内存不足等原因报错 } ``` ##### 解决方案: 分片处理大型字符串或将复杂逻辑移至服务器端完成。 ```javascript function splitAndParse(longStr, maxLength = 1000) { const chunks = []; for (let i = 0; i < longStr.length; i += maxLength) { chunks.push(longStr.slice(i, i + maxLength)); } return chunks.map(chunk => JSON.parse(`"${chunk}"`)).join(''); } // 使用示例 splitAndParse(longStr); ``` --- #### 总结 通过以上方法可有效应对大部分由特殊字符或格式引起的 `JSON.parse` 报错场景。始终记得验证输入合法性,并合理运用异常捕捉机制提升程序健壮性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值