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


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

    问题抛出:

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

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

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

    被转换成

    '{"test": "这是一个对象, 里面有 "test" 字段"}'

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

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

    因为已经被转换成了

    '{"test": "这是一个对象, 里面有 "test" 字段"}'

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

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

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

    https://img1.mukewang.com/5c1c76430001875c06280073.jpg

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

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

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

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

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

  • 相关阅读:
    高斯模糊原理,算法
    SIFT算法详解
    第五章:状态图
    ANTLR4权威指南
    第八章:包图,组件图,部署图
    棋盘n皇后问题-递归
    普通页面引入React(使用和不使用JSX)
    浏览器环境
    DevTool-Network
    优化浏览器渲染
  • 原文地址:https://www.cnblogs.com/ysq0908/p/11561556.html
Copyright © 2020-2023  润新知