JSON.parse() 和JSON.stringify()的区别

2020-11-09 12:31:38 104 收藏
分类专栏： 微信小程序开发 前端开发 小程序 文章标签： json javascript js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuanxiang01/article/details/109575267
版权

在进行微信小程序开发时，前端经常需要使用到 JSON.parse() 和 JSON.stringify() 两个方法，他们的区别是：

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

参考资料：

  1. 菜鸟教程JavaScript JSON.parse()
  2. 菜鸟教程JavaScript JSON.stringify()
daixiangcn CSDN认证博客专家 后端开发工程师 产品体验官
中国公民，中共预备党员，CSDN博客专家，本科大四在读。江苏省第四届“互联网+”大学生创新创业大赛二等奖获得者，第二届、第三届微信小程序应用开发大赛全国三等奖、华东赛区二等奖项目作者，微信小程序《约车吗》、《庆云慈善会》、《锋云速检》项目工程师。
已标记关键词 清除标记
JSON.parse和JSON.stringify方法详解
天工开物
07-20 1万+
1、JSON.parse(“要转换的数据”)  2、JSON.stringify(“要转化的数据”) 3、首先，两个方法的用法是有差别的： ①.JSON.stringify是从一个对象中解析出字符串 ②.JSON.parse是从一个字符串中解析出json(键值对) 4、所以在使用的时候如果参数不对应，就不能正确转换： 一.JSON.parse()【从一个字符串中解析出json对象】 ...
表情包
插入表情
还能输入1000个字符
相关推荐
JSON.parse()与JSON.stringify()的区别
Tom__cy的博客
04-28 545
json.stringify()将对象、数组转换成字符串； json.parse()将字符串转成json对象; JSON.stringify 语法： 　　JSON.stringify(value [, replacer] [, space]) 　　value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法 情况一：repl...
JSON.parse()和JSON.stringify()
wangxiaohu__的专栏
02-13 69万+
parse用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":"23"}' 结果： JSON.parse(str) Object age: "23"name: "huangxiaojian"__proto__: Object 注意：单引号写在{}外，每个属性名都必须用双引号，
JSON.parse()与JSON.stringify()的区别
qq_41935885的博客
12-22 709
json.stringfy()将对象、数组转换成字符串；json.parse()将字符串转成json对象。 json.stringfy(): 语法： 　　JSON.stringify(value [, replacer] [, space]) value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。 　　情况一：rep...
15.微信小程序之 json.stringify()与json.parse()
panzina的博客
12-12 1万+
在前后端交互的过程中难免会出现需要我们将字符串转成json的时候。  json.stringify()方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串 json.parse() 方法将数据转换为 JavaScript 对象( 将字符串转成json对象。 ) 例子： example(){ var a1 = "aa"; var a2 = "bb";...
微信小程序 JSON.parse()和JSON.stringify()，wx.request和wx.uploadFile
Ahua_Core的博客
02-06 35
JSON.parse（）和JSON.stringify（），wx.request和wx.uploadFileJSON.parse（）和JSON.stringify（）的作用与wx.request,wx.uploadFile的联系开发需求描述bug异常描述原因分析解决方案 JSON.parse（）和JSON.stringify（）的作用 简单概括一下： JSON.parse（）将JSON字符串转为一个JavaScript对象 JSON.stringify（）将JavaScript对象转换为JSON字符串
JSON.parse(JSON.stringify(obj))实现深拷贝的弊端
陈开心的博客
10-30 6714
JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输（例如 如果请求的Content-Ty...
在JavaScript中深度克隆对象的最有效方法是什么？
asdfgh0077的博客
11-29 233
克隆JavaScript对象的最有效方法是什么？ 我见过obj = eval(uneval(o)); 正在使用，但这是非标准的，仅受Firefox支持 。 我已经完成了obj = JSON
JSON.parse(JSON.stringify(undefined))报错
qq_36126031的博客
02-24 127
一、现象 使用数据时涉及到了简单的深拷贝数据，我使用了简单粗暴的JSON.parse(JSON.stringify(***))来做，但这引发了一个未知错误（其实是自己无知了），即我深拷贝的这个对象的值会有undefined的时候，此时就会报错 JSON.parse(JSON.stringify(undefined)) // 报错 Uncaught SyntaxError: Unexpected token u in JSON at position 0 at JSON.parse (<a
JSON.parse() 和 JSON.stringify()
huangpb的博客
12-28 168
一、语法 JSON.stringify(value[, replacer [, space]]) 二、JSON.stringify() 实际使用场景 对象和数组的深拷贝 对 http 请求参数进行序列化 对要存储到 Storage 的数据转换成字符串 三、JSON.stringify() 的六大特性 第一大特性 对于 undefined、任意的函数以及 symbol 三个特殊的值分...
JSON.parse()与JSON.stringify()的区别
人言落日是天涯，望极天涯不见家。
03-08 978
JSON.parse()【从一个字符串中解析出json对象】 例子： //定义一个字符串 var data='{"name":"来了,老弟"}' //解析对象​ ​JSON.parse(data) 结果是： ​name:"来了,老弟" JSON.stringify()【从一个对象中解析出字符串】 var data={name:'来了,老弟'} JSON.stringify(da...
JSON.parse()与JSON.stringify()的区别
捣蛋的博客
03-18 359
原文地址：https://www.cnblogs.com/goatling/p/6293692.html JSON.parse()【从一个字符串中解析出json对象】 例子： //定义一个字符串 var data='{"name":"goatling"}' //解析对象​ ​JSON.parse(data) 结果是： ​name:"goatling" JSON.stringify...
json.stringify()和json.parse()区别
咔咔博客
08-22 420
var userinfo = JSON.stringify(data2); console.log(userinfo) wx.setStorageSync('userinfo', userinfo); var news = JSON.parse(userinfo); console.log(news) 直接上代码，这里可以直接看到json.stringify()是将数据序列化为字符串 ...
关于JSON.parse(JSON.stringify(this.list))深拷贝浅拷贝的浅显使用
不二喵老师
10-08 727
由上图可知，给我的是一个数组，但是要求的是一个是展示全部，而另一个展示的是二级(即只展示到公司) 数据如下图 已知删除对象中某个key以及key所关联值 的 方法 为 delete(对象.key名) 但是如果用该方法 就会改变原始数组。我们就需要用到深拷贝方法。 讲后端传来的数组 设置为原始数组。 let father = [ {id:1,name:'一级'}, {id:2,name:'一级', child:[ ...
对象的深复制（解决JSON.parse无法复制不可遍历属性）
风清扬灬的博客
11-29 578
在使用JSON.parse(JSON.stringify(obj))的时候会遇到一个问题，那就是对象的不可遍历属性无法复制，例如： var obj={ a:1, set num(value){ this.a=value; }, get num(){ ...
女神相册密码忘记了，我只用Python写了20行代码~~~
lexsaints
04-10 2万+
​目录 一、事情是这样的 二、首先回顾一下女神的操作流程 三、需要密码打开相册 四、python脚本化处理 1、基本思路 2、解压命令 3、解压命令参数分析 4、整理7z解压命令 5、关门！上python脚本 五、找女神去... 一、事情是这样的 今早上班，公司女神小姐姐说，她去年去三亚旅游的照片打不开了 好奇问了一下才知道。 原来是，她把照片压缩了，而且还加了密码。 但是密码不记得了，只记得是一串6位数字。 话说照片压缩率也不高，而且还加密，难道是有什么可爱的小照片 .
垃圾分类数据集及代码
11-11
资源说明： 数据集主要包括6类图片：硬纸板、纸、塑料瓶、玻璃瓶、铜制品、不可回收垃圾 代码运行说明： 1、 安装运行项目所需的python模块，包括tensorflow | numpy | keras | cv2 2、 train.py用于训练垃圾分类模型，由于训练的数据量过于庞大，因此不一并上传 3、 predict.py用于预测垃圾的类别，首先运行predict.py，然后输入需要预测的文件路径，即可得到结果。
高并发下的Nginx性能优化实战
12-24
<p> <b><span style="background-color:#FFE500;">【超实用课程内容】</span></b> </p> <p> <br /> </p> <p> <br /> </p> <p> 本课程内容包含讲解<span>解读Nginx的基础知识，</span><span>解读Nginx的核心知识、带领学员进行</span>高并发环境下的Nginx性能优化实战，让学生能够快速将所学融合到企业应用中。 </p> <p> <br /> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <b><br /> </b> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <b><span style="background-color:#FFE500;">【课程如何观看？】</span></b> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> PC端：<a href="https://edu.csdn.net/course/detail/26277"><span id="__kindeditor_bookmark_start_21__"></span></a><a href="https://edu.csdn.net/course/detail/27216">https://edu.csdn.net/course/detail/27216</a> </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 移动端：CSDN 学院APP（注意不是CSDN APP哦） </p> <p style="font-family:Helvetica;color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 本课程为录播课，课程永久有效观看时长，大家可以抓紧时间学习后一起讨论哦~ </p> <p style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <strong><span style="background-color:#FFE500;">【学员专享增值服务】</span></strong> </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> <b>源码开放</b> </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 课件、课程案例代码完全开放给你，你可以根据所学知识，自行修改、优化 </p> <p class="ql-long-24357476" style="font-family:"color:#3A4151;font-size:14px;background-color:#FFFFFF;"> 下载方式：电脑登录<a href="https://edu.csdn.net/course/detail/26277"></a><a href="https://edu.csdn.net/course/detail/27216">https://edu.csdn.net/course/detail/27216</a>，播放页面右侧点击课件进行资料打包下载 </p> <p> <br /> </p> <p> <br /> </p> <p> <br /> </p>
微信技术总监分享架构设计高清完整PDF版
07-05
在技术架构上，微信是如何做到的？日前，在腾讯大讲堂在中山大学校园宣讲活动上，腾讯广研助理总经理、微信技术总监周颢在两小时的演讲中揭开了微信背后的秘密。
Python创建微信机器人
weixin_30485799的博客
04-19 4992
微信，一个日活10亿的超级app，不仅在国内社交独领风骚，在国外社交也同样占有一席之地，今天我们要将便是如何用Python来生成一个微信机器人，突然想起鲁迅先生曾经说过的一句话：因为是微信机器人系列的第一篇文章，所以猪哥会特别详细的讲解每一地方，尽量使每一位想学习的同学都能顺顺利利的开始，下面就让我们一起来做些有趣的事吧！ 一、项目介绍 1.微信库选...
©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页