js中JSON.parse(JSON.stringify(obj)) 来实现深拷贝的优势与缺陷

最新推荐文章于 2024-12-04 11:30:13 发布

拼命阿白

最新推荐文章于 2024-12-04 11:30:13 发布

阅读量704

点赞数

本文链接：https://blog.csdn.net/weixin_42596214/article/details/129608306

版权

使用JSON.parse(JSON.stringify(obj))进行JavaScript对象深拷贝的方法虽然简单，但存在局限，如无法处理函数、正则表达式，不保留原型链，不复制不可枚举属性，以及无法解决循环引用问题，可能导致拷贝失败或产生意外结果。

摘要由CSDN通过智能技术生成

使用JSON.parse(JSON.stringify(obj))来实现对象的深拷贝的优势是它简单易用，可以方便地对大多数的JavaScript对象进行深拷贝。

缺陷是它不能正确地处理一些特殊情况，比如:

不能复制函数、正则表达式等特殊对象。
不能保留对象原有的原型链。
不能复制对象的不可枚举属性。
会忽略对象的循环引用。

因此，在遇到上述情况时，使用JSON.parse(JSON.stringify(obj))可能会导致深拷贝失败或出现意料之外的结果。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

拼命阿白

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

关于JSON.parse(JSON.stringify(obj))实现深拷贝应该注意的坑

suandfei的博客

10-19

2098

JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；我们在使用 JSON.parse(JSON.stringify(xxx))时应该注意一下几点： 1、如果obj里面有时间对象，则JSON.stringify后再JSON.pa...

JSON.parse(JSON.stringify(obj))实现深拷贝的弊端以及解决方法

weixin_44194217的博客

12-15

7302

浅拷贝：只是将数据中所有的数据引用下来，依旧指向同一个存放地址，拷贝之后的数据修改之后，也会影响到原数据的中的对象数据。例如:Object.assign(),…扩展运算符 深拷贝：将数据中所有的数据拷贝下来，对拷贝之后的数据进行修改不会影响到原数据。。 JSON.parse(JSON.stringify(obj))深拷贝的问题 const newState = Object.assign({}, state)和JSON.parse(JSON.stringify(obj))都是可以用来深拷贝 但是也

参与评论您还未登录，请先登录后发表或查看评论

JSON.parse(JSON.stringify ())实现深拷贝时有什么缺点

weixin_40016215的博客

06-08

5812

javaScript存储对象都是存地址的，所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容，都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变，而深拷贝是开辟一块新的内存地址，将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。在使用 JSON.parse(JSON.stringify(xxx))时应该注意一下几点 1、如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式。而不是时间对象；.

JSON.parse(JSON.stringify())实现深拷贝的缺点

m0_54566205的博客

03-15

3546

JSON.parse(JSON.stringify())方法是一种简单易用的实现深拷贝的方法，但它并不完美，使用时需要注意其缺陷。对于需要处理函数、循环引用等复杂情况的对象，可以使用其他方法来实现深拷贝。

JSON.parse(JSON.stringify(obj)) 实现深拷贝的优缺点

最新发布

sinat_33255495的博客

12-04

354

JSON.parse(JSON.stringify(obj)) 是一种实现深拷贝的简单方法，适用于简单的对象结构。但对于复杂的数据结构或特定的数据类型（如函数、正则表达式等），这种方法可能并不适用。在实际使用时，需要根据具体的需求和对象结构选择合适的方法来实现深拷贝。对于上述问题，可以考虑使用其他深拷贝方法，例如递归拷贝函数或第三方库（如 lodash 的 _.cloneDeep）来实现更可靠的深拷贝[] : {};return obj;

json.parse(json.stringify)的弊端

Agont_的博客

04-30

1287

2.无法拷贝函数:在序列化阶段，如果对象中包含函数，这些函数会被忽略，不会出现在生成的 JSON 字符串中。1.无法拷贝值为 umdefined的属性:在序列化(stringiy)阶段，如果对象中某个属性的值为 umdefined，那么这个属性会被忽略，不会出现在生成的 JSON 字符串中。总结来说，JS0N.parse(JS0N.stringify())无法正确拷贝值为 undefined 的属性、函数特殊值(NaN、无穷大、无穷小)，以及无法拷贝原型上的方法、属性。

千万不要用JSON.stringify()去实现深拷贝！有巨坑！！

CSDN_KONGlX的博客

07-07

1765

.markdown-body { color: rgba(89, 89, 89, 1); font-size: 15px; font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-se...

JS深拷贝：JSON.parse、_.copyDeep、structuredClone() 优缺点对比

qq_37889268的博客

02-01

728

JSON.parse(JSON.stringify(obj)) 方法使用简单，且兼容性好，可以处理简单数据类型的深拷贝。缺点：如果你的 obj 对象中存在 Set、Map、正则、Error 对象，该方法会将其转成空对象字面量 { } ，如果存在 undefined，该方法会直接忽略，不会拷贝undefined。_.copyDeep 兼容性好，功能强大，对于 Function 类型不会报错，但是缺点是需要注意处理 tree-shaking 否则会有性能损耗。

JavaScript 中 JSON.parse 函数和 JSON.stringify 函数

10-17

与JSON.parse相对应，JSON.stringify函数是用来将JavaScript对象转换成JSON字符串的函数。这个函数非常有用，特别是在需要将数据以JSON字符串的形式发送到服务器或者将数据存储到本地存储（如localStorage）时。使用...

JSON.parse(JSON.stringify(obj))实现深拷贝的坑

Shaoyouiqng的博客

08-24

807

说到JSON.parse(JSON.stringify(obj)),真的是太多的坑了，主要是这个坑你不知道你就完了，这个面试经常被问到，除了把深拷贝的源码写出来就是问JSON.parse(JSON.stringify(obj))的坑了，今天就谈一谈这个该死的坑其实JSON.parse(JSON.stringify(obj))简而言之就是stringify部分把它冰冻起来，然后pasrse部分给他解冻罢了，但是有些精华的部分就被丢失了。那今天主要找一下那些东西容易被丢失，是蛋白质还是脂肪还是无机盐？？？.

JSON.parse(JSON.stringify(obj))实现深拷贝的缺点

树上骑个猴的博客

01-10

5136

我们经常用JSON.parse(JSON.stringify(obj))来实现深拷贝，但是有一天出了问题，才发现JSON.stringify的时候容易导致一些特殊类型的数据丢失和损坏。 javaScript存储对象都是存地址的，所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容，都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变，而深拷贝是开辟一块新的内存地址，将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。 深拷贝和浅拷贝 深拷贝和浅拷贝是只针.

js中有关数组中深拷贝的问题，纠正JSON.parse(JSON.string)的弊端

猪猪侠的博客

02-24

399

数组深拷贝的问题

JOSN.parse(JSON.stringify())实现深拷贝的缺点

天渺(喵)工作室

01-23

2330

js之深拷贝与浅拷贝

weixin_44395929的博客

06-03

413

一、拷贝是什么? 从生活中理解,拷贝就是用u盘中复制一份文件到电脑中,或者是将某个文件夹的快捷方式发到桌面上。拷贝分为两种浅拷贝 深拷贝 二、产生浅拷贝与深拷贝的原因浅拷贝就是类似于将一个文件夹的快捷方式发送到桌面上,无论是从桌面上打开还是从路径中打开都是对同一个文件夹的操作。 1)从js理解,因为js有基本类型和引用类型之分。基本类型存放在栈内存中引用类型放在堆内存中当我们调用一个变量时,实际上是在栈内存中查询该变量, 此时堆内存中的引用类型将地址放在栈内存中。如果我们调用该引用类型,是

{} 空检测， JSON.parse() JSON.stringify(obj)缺点

qq_40774743的博客

04-18

2137

let obj = {"name";1} 方法 1: Object.getOwnPropertyNames(data).length 方法2: JSON.stringify(c) =="{}" '{"a":1}'JSON.parse() 应该是1 单引号套双引号；否则报错，2不允许逗号结尾；如果obj里面有时间对象，则JSON.stringify后再JSON.parse...

JSON.stringify深拷贝的缺点

song854601134的博客

12-10

2682

文章目录JSON.stringify深拷贝的缺点 JSON.stringify深拷贝的缺点浅拷贝和深拷贝：针对对象 深拷贝和浅拷贝只针对像Object和Array这样的复杂对象的，String,Number等简单类型不存在深拷贝。浅拷贝：因为浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制。在JavaScript中，对于Object和Array这类引用类型值，当从一个变量向另一个变量复制引用类型值时，这个值的副本其实是一个指针，两个变量指向同一个堆对象，改变其中一个变量，另一个也会受到

JSON.stringify 深拷贝的弊端

weixin_50636536的博客

02-22

865

JSON.stringify 深拷贝的弊端

【JavaScript】深拷贝 - JSON.stringfy 的缺点

dropout的博客

12-12

426

1、只能处理JSON安全的数据类型：只能处理原始数据类型（字符串、数字、布尔值）、数组和纯粹的对象。不能处理特殊数据类型（函数、regExp）4、性能问题：由于JSON.stringify 是递归执行，可能会导致性能问题。2、无法处理循环引用：JSON.stringify 会抛出错误。3、不复制对象的原型链：不会包含在序列化的JSON字符串。问题来了：JSON.stringify 深拷贝的缺点。2、函数库lodash的_.cloneDeep方法。复习一下深拷贝的内容。

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对象，序列化的结果将只得到空对象。