对JSON.parse()中存在转义字符的解决以及js中替换函数replace()的认识

Posted ysq0908

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对JSON.parse()中存在转义字符的解决以及js中替换函数replace()的认识相关的知识,希望对你有一定的参考价值。

在工作中,遇到对页面数据进行转存json格式数据后存储在数据库中.然而在显示数据时遇到无法显示json中的数据,产生的bug

问题抛出:

技术图片

 

 

1.首先认识下,在JSON.parse()将后台传过来的字符串数据转存对象,遇到字符串中带有转义字符.然而JSON.parse()对转义字的符执行过程其实经历了两次转义,具体如下:

一次是字符串本身的转义:

‘"test": "这是一个对象, 里面有 \\\\"test\\\\" 字段"‘

被转换成

‘"test": "这是一个对象, 里面有 \\"test\\" 字段"‘

(可以直接在浏览器的命令行输入这段字符串)

一次是字符串转对象时的转义:

因为已经被转换成了

‘"test": "这是一个对象, 里面有 \\"test\\" 字段"‘

"\\"会被认为是 """的转义符,就会正确的转成对象。

而当只有一个"\\"的时候,到字符串转对象的时候, test 字段值里就有两对双引号,就会报错。

又去查了下 ES5 规范中的 parse 方法:

技术图片

第一步应该是对应字符串本身的转义

第二步则对应字符串转对象时的转义

也就是说:如果字符串中存在"\\",那么我们需要写成"\\\\\\\\";

因此,我们需要将字符串中"\\"替换成"\\\\\\\\",于是,就需要使用js中的replaceAll()函数,而在js中不存在replaceAll()函数,那么需要我们自定义,或者使用正则进行,具体如下:

技术图片

 

如果你是一个偷懒的话,可以选择第一种,方便简单.哈哈哈,,,个人推荐使用第三种.

以上是关于对JSON.parse()中存在转义字符的解决以及js中替换函数replace()的认识的主要内容,如果未能解决你的问题,请参考以下文章

为 JSON.parse() 递归检索构造嵌套的转义 JSON 字符串

JSON.parse()解析该json字符串,特殊字符串引起报错

从一个 JSON.parse 错误深入研究 JavaScript 的转义字符

如何在js中去掉json数据中的转义附

Javascript JSON.parse 字符串 onclick 内联

idea还原转义json