使用JSON.parse(JSON.stringify())深拷贝的坑

最新推荐文章于 2024-04-30 15:37:58 发布
最新推荐文章于 2024-04-30 15:37:58 发布
阅读量705 收藏 5
点赞数 2
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24133535/article/details/116923765
版权

因为需要深拷贝一下路由
在这里插入图片描述

习惯性的使用了JSON.parse(JSON.stringify())，却发现component丢失了！
在这里插入图片描述

解决方法：
可以使用concat()进行深拷贝
在这里插入图片描述
或者splice(0)
在这里插入图片描述
发现时间、正则格式的使用JSON.parse(JSON.stringify())也会有问题
在这里插入图片描述
那就使用Object.assign吧
在这里插入图片描述

JSON.parse 和 JSON.stringify 详解
m0_60324206的博客
12-31 2168
JSON格式，(简写JavaScript Object Notation)，是一种用于数据交换的文本格式，书写简单。 基于JavaScript原生语法，能够序列化对象、数组、数值、字符串、布尔值和 null。 在ES5中，增加了一个JSON对象，专门用来处理JSON格式的数据。 JSON是一个对象，但只有两个方法：parse和stringify，不能作为构造函数，也无属性。 typeof JSON === 'object' JSON.parse JSON.parse()用来解析JSON字符...
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
10-17
主要介绍了JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能,结合实例形式分析了JSON.parse()与JSON.stringify()方法实现深拷贝的相关实现技巧与操作注意事项,需要的朋友可以参考下
JSON.parse() 的坑！
热门推荐
W_jin的博客
01-31 3万+
相信大部分人都知道或者去百度检索都会得到将js中的字符串转化成json对象常见的3种方法 举例： var str = '{"name":"小明","age":18}'; 将字符串转化json对象： 1. var json = JSON.parse(str); 2. var json = eval("(" + str + ")"); 3. var json = (new Function...
JSON.parse的坑
页面仔小杨
02-02 267
坑一 console.log(JSON.parse(str)); json字符串严格遵循json规范 JSON.parse('{"name": "页面仔小杨", "age": 18}') key必须要用双引号 JSON.parse('{name: "页面仔小杨", age: 18}') // 报错 坑二 json字符串格式必须是单引号包含双引号 JSON.parse("{'name': '页面仔小杨', 'age': 18}") // 报错 坑三 json字符串不允许逗号结尾 JSON.par.
JSON.parse(JSON.stringify(obj))实现深拷贝的坑
qq_39397686的博客
07-28 290
JSON.parse(JSON.stringify(obj))的问题
JSON.parse()采坑记录
小小笨南瓜
01-04 263
JSON.parse() 字符串转json对象 ①var json = JSON.parse(str) ②var json = eval("("+ str +")") ③var json = (new Function("return" + str))() 使用字符串注意事项 1、字符串的数据格式 eg: var str = "{ name: '南瓜', age:18 }" var json = JSON.parse(str) console.log(json) 报如下错误 2、单双引号（习惯使
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
10-17
在使用JSON.parse和JSON.stringify时，还需要注意几个细节。首先，JSON字符串格式必须严格遵守JSON的标准，否则解析会失败。其次，由于JSON.stringify可以进行一些额外的转换和过滤操作，所以在转换某些特殊类型的...
浅谈JSON.parse()和JSON.stringify()
10-23
- 除了标准的JSON.parse() 和 JSON.stringify() 方法，jQuery库也提供了类似功能的方法，分别是jQuery.parseJSON和jQuery.stringifyJSON。这些方法在功能上与原生JavaScript方法类似，但它们是jQuery的一部分，主要...
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
01-19
本文给大家介绍JSON中key动态设置及JSON.parse和JSON.stringify()的区别讲解，具体详情如下所示： var user_info_json = []; user_info_json[user_info_json.length] = eval('('+ '{'+ id +': '+ value +'}' +...
vue中用JSON.parse(JSON.stringify(this.formData))来替代无效的this.$set()和this.$forceUpdate()
qiqiliuwu的博客
05-19 1734
最近在开发项目时遇到了一个问题，就是在使用antdvue开发时，有一个select多选框在通过onchange清空其所有值后，再选择时，控制台能够打印出来选中的值，前台界面也能够显示选中的值，但是必填校验依旧是未选中的红框状态。 使用了this.set(this.formData,′name′,value)和this.set(this.formData, 'name', value)和this.set(this.formData,′name′,value)和this.forceUpdate()依旧无法让红框
JSON.parse()和JSON.stringify()用法
04-01 204
JSON.parse()【从一个字符串中解析出json对象】 JSON.stringify()【从一个对象中解析出字符串】 做项目的登陆功能时，用到了h5的sessionstorage方法，将登陆后返回的信息想存到了浏览器中。但返回信息是一对象，所以需要使用 JSON.stringify方法将对象转换成字符串，然后进行存储。如以下代码 //点击登陆 function fun...
JSON.parse()与JSON.stringify()的区别
逆风的蔷薇
11-15 131
JSON.stringify()【从一个对象中解析出字符串】 var data={name:'li'} JSON.stringify(data) 结果是：'{"name":"li"}' JSON.parse()【从一个字符串中解析出json对象】 例子： //定义一个字符串 var data='{"name":"li"}' //解析对象​ ​JSON.parse(data) 结果是： ​name:"li" ...
json.parse(json.stringify)的弊端
最新发布
Agont_的博客
04-30 1270
2.无法拷贝函数:在序列化阶段，如果对象中包含函数，这些函数会被忽略，不会出现在生成的 JSON 字符串中。1.无法拷贝值为 umdefined的属性:在序列化(stringiy)阶段，如果对象中某个属性的值为 umdefined，那么这个属性会被忽略，不会出现在生成的 JSON 字符串中。总结来说，JS0N.parse(JS0N.stringify())无法正确拷贝值为 undefined 的属性、函数特殊值(NaN、无穷大、无穷小)，以及无法拷贝原型上的方法、属性。
JSON.parse() 的坑
weixin_64824339的博客
09-08 241
如果eval()的参数是字符串，那么eval()将这个字符串解析成代码后进行执行，并返回最后一行代码执行的结果。如果你使用eval()或者new Function()的方式来转化，那就完全可以忽略上述需要注意的地方。如果字符串无法解析成合法的代码，eval()将抛出SyntaxError错误。eval调用时，实例为eval( "( javascript代码 )" )如果eval()的参数不是字符串，那么eval()将直接返回参数。使用JSON.parse()方法来转化json对象，需要注意的。
关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题
weixin_45274678的博客
11-10 1万+
一般我们单独用JSON.parse()或JSON.stringify() 今天在学vue看到JSON.parse(JSON.stringify(…))的用法，这里研究一下； 首先分别说下他们的用法： JSON.parse() 是将字符串中的对象解析出来 例： var str = "{'name':'huahua','age':'22'}"; 　　 JSON.parse(str); 　　 var obj = {name:"hua",age: 26}; 　　 JSON.stringify(obj)
用JSON.parse转换的时候遇到的坑
qq_41985464的博客
12-06 1687
解决办法，加判断 之前是直接转的的，就像这样 tipInfo() { return this.info.activityDesc//这是爆红的时候 return this.info.activityDesc ? JSON.parse( this.info.activityDesc ) : {};//加个if判断就直接解决 }, ...
js字符串转化成json对象，使用JSON.parse()需要注意的地方
weixin_34395205的博客
11-03 8871
相信大部分人都知道或者去百度检索都会得到将js中的字符串转化成json对象常见的3种方法 举例： var str = '{"name":"小明","age":18}'; 将字符串转化json对象： var json = JSON.parse(str); var json = eval("(" + str + ")"); var jso...
JSON.parse(JSON.stringify深拷贝
09-24
JSON.parse(JSON.stringify(obj))是一种常用的深拷贝方法。它的过程是将JavaScript对象通过JSON.stringify方法序列化为JSON字符串，然后再通过JSON.parse方法将JSON字符串反序列化为JavaScript对象。这样可以实现对对象的完全拷贝。需要注意的是，该方法有一些限制： 1. 如果对象中包含时间对象，则在使用JSON.parse(JSON.stringify(obj))后，时间对象将变为字符串形式，而不是时间对象本身。 2. JSON.stringify()只能序列化对象的可枚举的自有属性。对于通过构造函数生成的对象，深拷贝后会丢失constructor属性。 3. 如果对象中包含RegExp、Error对象，序列化的结果将只得到空对象。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值
>