对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()函数,那么需要我们自定义,或者使用正则进行,具体如下:

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

原文地址:https://www.cnblogs.com/ysq0908/p/11561556.html

时间: 2024-07-31 14:30:46

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

SQL中的替换函数replace()使用

SQL中的替换函数replace()使用 https://www.cnblogs.com/martinzhang/p/3301224.html 语法REPLACE ( string_expression , string_pattern , string_replacement ) 参数string_expression 要搜索的字符串表达式.string_expression 可以是字符或二进制数据类型.string_pattern 是要查找的子字符串.string_pattern 可以是字符

jquery ajax中支持哪些返回类型以及js中判断一个类型常用的方法?

1 jquery ajax中支持哪些返回类型在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 预期服务器返回的数据类型.如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML.在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本.随后服务器端返回的数据会根据这个值解析后,传递给回调 函数.可用值: •"xml": 返回

SpringMVC中通过@ResponseBody返回对象,Js中调用@ResponseBody返回值,统计剩余评论字数的js,@RequestParam默认值,@PathVariable的用法

1.SpringMVC中通过@ResponseBody返回对象,作为JQuery中的ajax返回值 package com.kuman.cartoon.controller; import java.util.Map; import javax.servlet.http.HttpServletRequest; import org.apache.commons.io.filefilter.FalseFileFilter; import org.slf4j.Logger; import org.s

oracle中的替换函数replace和translate函数

1.translate 语法:TRANSLATE(char, from, to) 用法:返回将出现在from中的每个字符替换为to中的相应字符以后的字符串. 若from比to字符串长,那么在from中比to中多出的字符将会被删除. 三个参数中有一个是空,返回值也将是空值. 举例:SQL> select translate('abcdefga','abc','wo') 返回值 from dual; 返回值 ------- wodefgw 分析:该语句要将'abcdefga'中的'abc'转换为'w

解决Vue.js中使用v-for提示缺少onbind:key

在学习Vue的v-for指令时,按照官网上的例子敲,发现在IDE中报错了.明明是官网的例子,为什么会报错呢,我百思不得其解. 例子如下: template: vue示例中的data: 报错如下: 在v-for指令中缺少了v-bind:key. v-bind:key是什么呢? 于是我又回到了官方文档,发现就在v-for的下面,就讲了key的作用. key的作用是为每个v-for中的元素绑定一个能够代表这个元素的key,通过这个key,可以提高v-for的渲染速度.如果没有使用key,在修改数据时,

nyoj 113 字符串替换 (string中替换函数replace()和查找函数find())

字符串替换 时间限制:3000 ms  |  内存限制:65535 KB 难度:2 描述 编写一个程序实现将字符串中的所有"you"替换成"we" 输入 输入包含多行数据 每行数据是一个字符串,长度不超过1000 数据以EOF结束 输出 对于输入的每一行,输出替换后的字符串 样例输入 you are what you do 样例输出 we are what we do读一行的方法:用geiline(cin,s) 1 #include <iostream>

js中 visibility和display的区别 js中 visibility和display的区别

大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏.当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置.例: <script language="JavaScript&quo

html中设置data-*属性值 并在js中进行获取属性值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax file</title> <script src="./js/jquery-1.12.4.min.js"></script> <script> $(function(){ // 获取data-

js中json处理总结之JSON.parse

踩过的坑都将成为路上的风景.队友在cookie中已存以下值: address_info {"address_name":"人民大会堂","...lng":1,"address_lat":1} 仔细观摩,并无发现任何不妥,只是一种简简单单的json格式字符串而已. 但在前台调用时,百试不爽,屡屡出错,错误代码如下,一直显示undefined var address_info = getCookie('address_info')