使用JSON.parse字符串转换json报错解决办法_json.parse空字符串报错-程序员宅基地

技术标签：大前端编程基础 eval json JSON.parse

解决办法

问题点

字符串格式不是很完美，导致JSON.parse转换失败。JSON.parse()方法对字符串的格式要求极其严格。一点格式错误都不能有，否则就报异常。

解决方案

要么改掉你的json字符串，要么使用$parseJSON或者eval的方式生成json对象。

问题产生的背景

获取post的值

在获取小程序的二维码返回参数的时候。

为了保证数据的安全性，走了POST的请求方式。

POST的数据提交返回后，经过了decodeURIComponent转换之后。变成了类似JSON串的方式呈现。

例如id:101,pid:102

这种格式一看到就想往json转。

毕竟json还是很方便的。

用json的话，很方便就考虑到嵌入的JSON。

JSON

JSON就两个常用方法

JSON.stringify()

JSON.parse()

一个是json对象转字符串，一个是字符串转json对象。

就是这两个简单的方法，中间用的时候出现了一些问题。

曾经的自以为是

无效的代码

先上下代码

let sence = 'id:1,name:张三'

let obj = JSON.parse("{"+sence +"}")

this.id = obj.id

结果很打脸

理想很丰满，现实很骨感。

直接报错了。

针对报错的最常规手法就是debugger、console.log()了。

发现使用JSON.stringify()输出数据很正常。

一转换json对象就可以报异常了。

人民的大救星

百度，百度，找到一条出路

这就很纠结了，百度吧，百度吧，百度吧

网上说是因为格式不严谨，所以就报异常了。

JOSN.parse对格式要求非常严格。

那怎么办呢？

对于这种后台传递过来的没有引号的

大部分都推荐使用eval()或者$.parseJSON方法转换为json对象。

let sence = 'id:1,name:张三'

let obj =  ( Function( "return " + sence ) )()

console.log(JSON.stringify(obj))

this.id = obj.id

结果完美转换。引号都给加上了。

孰是孰非

一家之言

$.parseJSON、JSON.parse和eval还是有些区别的。

类型	$parseJSON	JSON.parse	eval
方法说明	jquery的方法。将符合标准格式的的JSON字符串转为与之对应的JavaScript对象	只能解析属性名是双引号包裹的字符串对象	可将一个JavaScript代码字符串求值成特定的对象
主要区别	字符串必须用双引号括起来。	必须严格遵守json字符串格式；属性名称必须用双引号包裹；字符串必须用双引号括起来。	字符串必须用双引号括起来。
使用场景	能用JSON.parse的都可以用这个	json字符串必须严格符合json格式。可以用在后端传递给前端数据格式的使用使用。对数据的严谨性可以	格式不规范的时候，当你不能确认对方的数据格式是不是很严谨的时候
推荐程度	推荐	一般	不推荐

本文链接：https://blog.csdn.net/m290345792/article/details/120745378

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux描述分区文件fa,鸟哥私房菜第三章主机规划与磁盘分区学习笔记-程序员宅基地

文章浏览阅读68次。在鸟哥的书里面，这句话是经常强调的：在linux系统中，每个设备都被当做是一个文件来对待。目前，我还不能很深入的体会这句话。在这里先记下来，日后慢慢理解。1.下面列出几个常见的设备与其linux当中的文件名，如下：IDE硬盘 /dev/hd[a-d]SCSI/SATA/USB硬盘..._linux描述分区的文件名

Django的ORM操作-程序员宅基地

文章浏览阅读451次。命令，读取已经注册么给app中的migrations目录将配置文件 -> 转换成：生成表，修改表 SQL -> 连接数据库去运行。在app中的models.py中按照规则编写类 ===> 表结构。：请不要再手动去修改数据的表结构 + 时刻保证 ORM和数据表是对应。特点：开发效率高、执行效率低（程序写的垃圾SQL ）。安装MySQL & 启动MySQL服务。orm，关系对象映射，本质翻译的。settings.py，连接数据库。settings.py，注册app。实现：创建表、修改表、删除表。

SVD图像处理（MATLAB）-程序员宅基地

文章浏览阅读440次。使用SVD处理图像模拟演示。

matlab仿真受介质影响的磁场,MATLAB仿真带电粒子在磁场中磁镜现象-程序员宅基地

文章浏览阅读153次。MATLAB仿真带电粒子在磁场中磁镜现象【摘要】借助MATLAB数学工具软件，使用数值计算的方法计算带电粒子磁场中的运动方程，对非均匀磁场的磁镜现象进行仿真，使人们对带电粒子在磁场磁镜现象有个更直观的了解。【关键词】MATLAB；带电粒子；磁场；磁镜现象1.引言对于带电粒子在磁场中的磁镜现象，人们都有了一定的认识，但是却不能对其有比较直观形象的想象。为了比较直观形象的认识带电粒子在磁场中的磁镜现象..._带电粒子在均匀磁场中受洛伦兹力作用matlab

Markdown (CSDN) MD编辑器（二）- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)_markdown语法加粗-程序员宅基地

文章浏览阅读1.4w次，点赞31次，收藏93次。介绍使用 markdown 编辑器时，利用html的 font、mark、strong、em、del、big、small等标签改变文本的颜色、字体、字体大小、加粗字体、斜体、高亮等_markdown语法加粗

初级胆汁酸和次级胆汁酸_初级胆汁酸和次级胆汁酸有哪些-程序员宅基地

文章浏览阅读9.1k次，点赞2次，收藏6次。人体内的微生物通过作用到代谢物上面影响宿主的稳态. 所以在微生物研究中, 代谢研究非常的重要. 在target metabolomics里通常会测SCFA和Bile acids.因为对bile acid的各种初级以及次级有诸多疑惑, 所以这里查阅资料的总结.最开始还是从wiki入手, 然后再有初步了解之后再去看paper里面说的.0. 什么是bile salts大量的胆汁酸在肝脏合成, 胆汁酸和牛磺酸, 甘氨酸通常共轭结合, 他们叫做bile salts.1.什么是primar..._初级胆汁酸和次级胆汁酸有哪些

随便推点

成功解决IDEA创建SpringBoot项目时没有web文件夹_idea创建web项目没有web文件夹-程序员宅基地

文章浏览阅读5.1k次，点赞6次，收藏9次。【版权所有，文章允许转载，但须以链接方式注明源地址，否则追究法律责任】原因1.在这块他不是没有文件夹，idea后边把web改成Spring Web了，你就点击那个对勾就可以了2.创建完项目之后发现没有WEB-INFO文件夹点击左上角File–>Projects Structure–>Facets–>Web–>+最后web文件夹就出来了..._idea创建web项目没有web文件夹

达梦数据库实时主备环境的搭建(DM7)-程序员宅基地

文章浏览阅读1.6k次，点赞2次，收藏10次。1 环境说明各主备库的实例名建议采用“组名_守护环境_序号”的方式命名，方便按组区分不同实例，注意总长度不能超过16。本示例中组名为“GRP1”，配置为实时主备，主库命名为“GRP1_DM_01”，备库命名为“GRP1_DM_02”。配置环境说明:主机类型IP地址实例名操作系统主库10.10.35.114（外部服务）1.1.1.10（内部通信）GRP1_DM_0...

java源码分析(五)---HashMap源码_if (var2 >= 1073741824) { this.threshold = integer-程序员宅基地

文章浏览阅读726次。吐槽今天天气好冷啊，真的是冻死了，自己下午出去吃了一顿羊肉泡，美滋滋。回来啃下HashMap的源码。前置条件在看HashMap源码之前我们有两个前置条件：Hash的概念，Hash函数的概念，Hash表的概念Map接口的源码分析当我们看完前置条件，然后再去看下HashMap的源码，解决以下问题。什么时候使用HashMap？简单的介绍下HashMapHashMap的工作原理Ha..._if (var2 >= 1073741824) { this.threshold = integer.max_value; return var1; }