转义字符(\)对JavaScript中JSON.parse的影响概述

转义字符(\)对JavaScript中JSON.parse的影响

按照ECMA262第五版中的解释,JSON是一个提供了stringify和parse方法的内置对象,前者用于将js对象转化为符合json标准的字符串,后者将符合json标准的字符串转化为js对象。json标准参考<a href="http://json.org/" rel="external nofollow" target="_blank" target="_blank">json.org</a>。(其实将符合json标准的字符串转化为js对象可以用eval,但是eval性能相对差且存在安全隐患(会执行json字符串中的代码),本文仅写JSON)

转义字符(\)对JSON.parse方法有什么影响呢?

一般来说在JSON.parse的参数包含转移字符的时候会遇到两次转义的问题,其实第一次是字符串本身的转义,第二次是将真正转为js对象的转义。

举例如下:

例子一:

将字符串'{"a":"b","b":"\\\\"}'传递给JSON.parse,首先解析器提取单引号括起来的字符串时认为第一个\转义第二个\ 第三个\转义第四个\,也就是说实际可输出字符串是{"a":"b","b":"\\"}(可通过console.log('{"a":"b","b":"\\\\"}')验证),之后正式转为js对象的时候还有一次转义,也就是实际输出字符转中的第一个\转义第二个\(此时只有两个\)。所以console.log(JSON.parse('{"a":"b","b":"\\\\"}') );输出结果为Object {a: "b", b: "\"},也就是说实际显示的数据为一个\(实际可输出一个\说明在此之前还有一个\)。


例子二:

[javascript] 

var obj = {  
    a : "b",  
    b : "\\",  
    c : {  
        b : "\\",   
        a : {   
            b : "\\"   
        }  
    }  
};  
var json_str = JSON.stringify(obj);  
console.log( JSON.stringify(obj) );  
console.dir(JSON.parse(json_str));  
console.dir(JSON.parse('{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}'));  

输出结果如下图:

根据转义规则,实际输出一个\在这个\之前必定有一个\。所以如上第一行输出按照书写来说为'{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}',可通过第三条输出来验证。

总结:如果想在js对象中出现一个\,需要在json字符串中出现四个\ 。

对于其他的其他的特殊字符:

1.双引号("),如果正确出现双引号应为\\\"
2.\n,如想想出现正确的换行需要json字符串中是\\n,其实是先对\n中的\转义,n变成了普通字符,在解析为js对象的时候n与之前的\(只有一个\了)被解释为换行。如下的两个与此类似。
3.\r,\\r
4.\t,\\t

 

### 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、付费专栏及课程。

余额充值