利用 JSON.parse(JSON.stringify())来深拷贝javascript变量的弊端

最新推荐文章于 2024-05-24 13:39:19 发布
最新推荐文章于 2024-05-24 13:39:19 发布
阅读量622 收藏
点赞数 1
文章标签： javascript json 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48914823/article/details/122871600
版权

**结论： 在利用 JSON.parse(JSON.stringify())来深拷贝时候 ,

  1. 会去除 对象里面 value 为 undefined 的 key ,
  2. 会将 value 值为 NaN变更成 null ,
  3. 会将 数组里面为 NaN 的项变成 null
  4. 会去除 对象 里面 value 为 function的 key

下面利用控制台来进行验证 :
在这里插入图片描述
还有一些情况不过不常用 ，附上链接 :详细了解请点击这里

拼客骏
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
10-17
主要介绍了JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能,结合实例形式分析了JSON.parse()与JSON.stringify()方法实现深拷贝的相关实现技巧与操作注意事项,需要的朋友可以参考下
JSON.parse(JSON.stringify())实现深拷贝的缺点
m0_54566205的博客
03-15 3201
JSON.parse(JSON.stringify())方法是一种简单易用的实现深拷贝的方法，但它并不完美，使用时需要注意其缺陷。对于需要处理函数、循环引用等复杂情况的对象，可以使用其他方法来实现深拷贝。
JSON.parse(JSON.stringify())实现深拷贝的弊端
qq_36303110的博客
12-18 841
JSON.parse(JSON.stringify())实现深拷贝的弊端 其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输（例如 如果请求的Content-Type是 application/x-www-form-urlencoded，则前端这边需要使用qs.stringify
JSON.parse(JSON.stringify(obj))实现深拷贝的缺点
树上骑个猴的博客
01-10 4438
我们经常用JSON.parse(JSON.stringify(obj))来实现深拷贝，但是有一天出了问题，才发现JSON.stringify的时候容易导致一些特殊类型的数据丢失和损坏。 javaScript存储对象都是存地址的，所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容，都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变，而深拷贝是开辟一块新的内存地址，将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。 深拷贝和浅拷贝 深拷贝和浅拷贝是只针.
JSON.parse(JSON.stringify(obj))实现深拷贝的弊端
热门推荐
陈开心的博客
10-30 1万+
JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输（例如 如果请求的Content-Ty...
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
10-17
主要介绍了JavaScript -- JSON.parse 函数 和 JSON.stringify 函数,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
浅谈JSON.parse()和JSON.stringify()
10-23
本文给大家简单描述了下JSON.parse()和JSON.stringify()的异同点，十分的实用，有需要的小伙伴可以参考下
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
10-22
下面小编就为大家带来一篇关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript深拷贝和浅拷贝 及 JSON.parse(JSON.stringify()) 的缺陷
^_^
08-08 4331
一、理解拷贝 拷贝就像我们平常cv一些文件、代码 复制了一份新的就叫拷贝。换成js代码就变成了基本数据类型和引用数据类型的拷贝。 在JavaScript中我们定义的简单数据类型会存到栈(stack)内存中，包括引用类型的指针，而这个指针指向的地方是在堆(heap)内存中。也通常理解为，简单数据类型存在栈中，引用数据类型存在堆中 二、基本数据类型拷贝 基本数据类型没什么好说的，通过一个变量赋值给一个变量就已经拷贝完成了 let a = 1 let b = .
JSON.stringify和JSON.parse 优缺点 实现深拷贝的优缺点
weixin_45345105的博客
01-04 3800
优点 方便，将字符串parse后创建新对象（新地址） let temp = JSON.parse(JSON.stringify(OBJ)) 缺点 1.如果这个对象里属性是function let obj = { fun: function name(params) { } } console.log(obj);// { fun: [Function: name] } let temp = JSON.parse(JSON.stringify(obj)) console.log(temp);
JSON.parse(JSON.stringify ())实现深拷贝时有什么缺点
weixin_40016215的博客
06-08 5610
javaScript存储对象都是存地址的，所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容，都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变，而深拷贝是开辟一块新的内存地址，将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。 在使用 JSON.parse(JSON.stringify(xxx))时应该注意一下几点 1、如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式。而不是时间对象；.
js 深拷贝 JSON.stringfy
u014105739的博客
11-28 627
深拷贝的常用的几种方式 Object.assign 其实是浅拷贝，但是数据如果只有一级，可以当作深拷贝使用；层级多的话 不可以 JSON.parse(JSON.stringfy()) 有缺陷；如果有function会丢失；如果有Date数据类型，会转为字符串；undefined 会丢失； 自己手写deepCopy function deepCopy(data) { let newData = Array.isArray(data) ? [] : {} if(typeof data === 'obj
js之深拷贝与浅拷贝
weixin_44395929的博客
06-03 355
一、拷贝是什么? 从生活中理解,拷贝就是用u盘中复制一份文件到电脑中,或者是将某个文件夹的快捷方式发到桌面上。 拷贝分为两种 浅拷贝 深拷贝 二、产生浅拷贝与深拷贝的原因 浅拷贝就是类似于将一个文件夹的快捷方式发送到桌面上,无论是从桌面上打开还是从路径中打开都是对同一个文件夹的操作。 1)从js理解,因为js有基本类型和引用类型之分。 基本类型存放在栈内存中 引用类型放在堆内存中 当我们调用一个变量时,实际上是在栈内存中查询该变量, 此时堆内存中的引用类型将地址放在栈内存中。如果我们调用该引用类型,是
js对象深拷贝JSON.stringify、JSON.parse
彭世瑜的博客
02-26 1331
定义一个js对象 let data = { name: "Tom", age: 23 } 1、直接赋值 let copyData = data; if (copyData === data) { console.log(true); } else { console.log(false); } // true 2、序列化后反序列化，对象转字符串， 字符串转对...
JSON.stringify()与JSON.parse()没有你想的那样简单
2301_77342543的博客
08-05 400
【代码】JSON.stringify()与JSON.parse()没有你想的那样简单。
JSON.parse()和JSON.stringify()的区别
一位不知名小前端的一些笔记
12-29 653
一、JSON.parse()用于从一个字符串中解析出json对象。 举例： var str = '{"name":"test","age":"22"}' var result = JSON.parse(str) console.log(typeof result) console.log(result) 运行结果： 二、stringify()用于
openlayers绘制经纬网格，有添加或者移除功能
qq_52959651的博客
05-21 219
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
React Suspense与Concurrent Mode：异步渲染的未来
天涯学馆
05-20 1078
React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。
vue 使用 export default
最新发布
global_coding的博客
05-24 299
vue 使用 export default
JSON.parse(JSON.stringify深拷贝的弊端
08-22
JSON.parse(JSON.stringify())方法可以用于实现深拷贝，但它也有一些弊端。其中一个弊端是，它不能正确地处理一些特殊的数据类型，比如函数、正则表达式、日期对象等。当这些特殊类型的数据被转换成字符串后，再通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值