JSON.stringify和JSON.parse的巧用

最新推荐文章于 2025-04-19 00:04:24 发布
原创 最新推荐文章于 2025-04-19 00:04:24 发布 · 440 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

本文介绍了如何在JavaScript中利用JSON.stringify进行对象转字符串，以及如何通过这种方式实现对象的深拷贝，避免数据修改带来的影响。还分享了在特殊场景下的应用实例。

        js中将对象转换为字符串，需要使用JSON.stringify，将json格式的字符串转换为对象时，需要使用JSON.parse。这是我们常用的方法。

        但是它其实有很多巧妙的用法：

        1.比如一个对象中属性都是getter、setter类型，不是简单的对象时，你就可以先用JSON.stringify将该对象转换为json字符串，然后再使用JSON.parse转换为对象。现在你得到的对象就是简单的对象形式了。

        2.再比如你有个复杂的对象，你想要复制到另外一处，然后对该复制对象进行操作。因为js对象数据是引用数据类型。如果只是简单的使用“=”简单的复制对象，会修改掉原来的对象（因为他们真是保存的数据是一个地址，两个变量都指向都一个地址）。

        所以如果想要真实拷贝一份对象数据，而且不能印象原来对象，则可以将原对象进行JSON.stringify操作，将该对象转换为json字符串，然后再定义一个对象，使用JSON.parse转换该json字符串为对象。这样你新得到的对象就是一份和原对象无关联的对象了，可以任意使用而不会影响原对象了。

        以上是我经常用到的场景，如果还有其他场景，欢迎大家来分享！

JS中JSON.stringify序列化和JSON.parse反序列化问题和解决
专注于技术，分享实战经验，探索技术边界，用代码构建更美的数字世界。
08-09 3811
开始我以为万事大吉了，但是仔细一看，序列化确实没有问题的，全部保留了，但是解析的时候我的undefined还是没了，undefined和函数、NaN一样处理的，因为一个函数没有返回值的话，默认返回的就是undefined，现在我们让它返回一个undefined，但是没出来呢，也可能是JSON.parse确实转不了undefined，目前还没找到答案，先这样吧，至少比之前好多了。还一种情况，当我们想实现一个深拷贝的时候，也会想到JSON.parse(JSON.stringify())；.........
JSON.parse与JSON.stringify的应用
weixin_43390711的博客
10-18 248
JSON.parse与JSON.stringify的应用
JSON.stringify和JSON.parse
背影
12-14 513
将 JavaScript 对象或值转换为 JSON 字符串。JSON.stringify 方法通常用于将数据发送到服务器、存储数据到文件或在Web应用程序的不同部分之间传输数据。
JSON.parse() 和 JSON.stringify() 的使用方法
weixin_49826079的博客
08-07 580
JSON.parse() 和 JSON.stringify() 的使用方法
为什么要使用JSON.stringify()和JSON.parse()
daishu_shu的博客
04-24 4096
文章目录前言一、为什么要使用JSON.stringify()二、JSON.stringify()是否使用情况对比三、使用JSON.parse()进行解析数据最后 前言 项目中经常会看到JSON.stringify()和JSON.parse()的使用，但是为什么会使用到它们？如何使用它们，本文将和你分享它们。 一、为什么要使用JSON.stringify() JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串，数据在传输的过程中只能传输字符串。如果直接传输
JSON.stringify和JSON.parse浅析
欢迎大家交流前端开发技术、经验及各种知识沉淀
09-05 940
JSON.sringify将JavaScript对象序列化成字符串，再将字符串通过JSON.parse解析成（反序列化）JavaScript对象，即：JSON.parse(JSON.sringify(obj))。
浅谈JSON.stringify()和JOSN.parse()方法的不同
10-21
JSON.stringify() 和 JSON.parse() 是JavaScript中处理JSON数据的关键函数，它们在JSON操作中起着至关重要的作用。本文将深入探讨这两个方法的功能、用法以及它们之间的差异。 首先，我们来看JSON.stringify()方法...
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
10-17
主要介绍了JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能,结合实例形式分析了JSON.parse()与JSON.stringify()方法实现深拷贝的相关实现技巧与操作注意事项,需要的朋友可以参考下
深入剖析 JavaScript 中的 JSON.stringify 和 JSON.parse
09-15
JavaScript 内置的 JSON.stringify 和 JSON.parse 方法，为开发者提供了便捷的JSON数据序列化和反序列化能力。本文将深入探讨这两个方法的工作原理、使用场景以及一些高级技巧。 JSON.stringify 和 JSON.parse 是 ...
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
10-17
在使用JSON.parse和JSON.stringify时，还需要注意几个细节。首先，JSON字符串格式必须严格遵守JSON的标准，否则解析会失败。其次，由于JSON.stringify可以进行一些额外的转换和过滤操作，所以在转换某些特殊类型的...
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
01-19
1. JSON.parse(jsonString): 在一个字符串中解析出JSON对象 var str = '[{href:baidu.com,text:test,orgId:123,dataType:curry,activeClass:haha}]'; JSON.parse(str); 结果： 2. JSON.stringify(obj) : 将一个...
JSON.parse()和JSON.stringify()
一个程序员的成长之路。。。
12-04 2005
JSON.parse()概述： JSON.parse() 方法将一个 JSON字符串解析成一个javascript值。在解析过程中，还可以选择性的修改某些属性的原始解析值。语法：JSON.parse(text[, reviver])参数：text：要被解析成JavaSctipt值的字符串，查看 JSON 对象学习的JSON 语法的说明。 reviver： 可选参数，如果是一个函数，则规定了原始值
到底为什么在浏览器中使用 localStorage 存储 JSON 数据时，需要用 JSON.stringify() 和 JSON.parse() 进行序列化和反序列化？
最新发布
长风破浪会有时的博客
04-19 822
/ 作用：将对象转换为JSON字符串；为什么这么写：localStorage只能存储字符串；// 作用：从localStorage中读取JSON字符串；为什么这么写：获取之前存储的数据；// 作用：将JSON字符串转换为JavaScript对象；// 作用：将数据存储到浏览器的本地存储中；// 作用：将表单数据封装为对象；// 作用：获取用户输入的姓名；// 作用：获取用户输入的年龄；// 作用：将数据显示在页面上；// 作用：提示用户数据不存在；// 将字符串存储到localStorage。
JSON.parse和JSON.stringify的用法
热门推荐
Sfh的博客
12-20 2万+
平时我们在接收后端返回的json对象通常是一个字符串类型的object，所以一般我们要对这个object进行类型转化后，我们才能使用object里面的数据，而这其中涉及到两个必不可少的方法就是JSON.parse和JSON.stringify JSON.parse() JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号) 解析前要保证数据是标准的JSON格式，否则会解析出错 const user = '{"name": "Jack","gender": "男","age": 1
JSON.stringify()
weixin_30765505的博客
08-02 3108
JSON.stringify() 将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，则可以选择性的替换值，或者如果指定了replacer是一个数组，可选择性的仅包含数组指定的属性。 语法：JSON.stringify(value[, replacer [, space]]) 参数： value将要序列化成 一个JSON...
【问题记录】JavaScript对象经JSON.stringify()后，再通过 JSON.parse()复原，对象中方法会丢失的解决方案
weixin_42412254的博客
03-14 1436
关于JSON序列化丢失会丢失方法属性的记录。
JSON.parse()与JSON.stringify()的区别
qq_41935885的博客
12-22 2741
json.stringfy()将对象、数组转换成字符串；json.parse()将字符串转成json对象。 json.stringfy(): 语法： 　　JSON.stringify(value [, replacer] [, space]) value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。 　　情况一：rep...
JSON.stringify()和JSON.parse()应用场景
qq_37291064的博客
05-19 2503
前言 JSON.stringify()：将对象、数组转换成字符串 JSON.parse()：将字符串转成json对象 应用场景 1、 a、浏览器创建、获取（sessionStorage、localStorage、cookie）数组内容 b、路由（浏览器地址）传参、获取数组内容 创建、传参的时候使用JSON.stringify() (如果不使用JSON.stringify()存进去的将是[object object]，所以如果我们开发中遇到了获取内容的时候是[object object]不妨试试JSON.st
带你深入理解 JSON 数据格式，透彻 JavaScript 中 JSON.stringify() 和 JSON.parse() 方法
weixin_55852686的博客
01-03 2321
带你深入理解 JSON 数据格式，透彻 JavaScript 中 JSON.stringify() 和 JSON.parse() 方法
json.stringify和json.parse深拷贝缺点
02-25
在使用 JSON.stringify() 和 JSON.parse() 进行深拷贝时，有以下几个缺点： 1. 无法处理循环引用：如果原始对象中存在循环引用（即对象之间相互引用），JSON.stringify() 会抛出错误，因为 JSON 格式不支持循环引用...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值