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

最新推荐文章于 2024-12-04 11:30:13 发布
最新推荐文章于 2024-12-04 11:30:13 发布
阅读量425 收藏 1
点赞数
文章标签： javascript json 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40957741/article/details/134939210
版权
本文探讨了JSON.stringify进行深拷贝的局限性，包括只适用于特定数据类型、循环引用处理、原型链不复制以及可能引发的性能问题，同时提及了lodash的_.cloneDeep作为替代方案。
摘要由CSDN通过智能技术生成

复习一下深拷贝的内容

1、JSON.parse(JSON.stringify())
2、函数库lodash的_.cloneDeep方法

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

react_in
关注
2023年前端面试汇总-React
越陌度阡
06-29 1041
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
vue面试题、react面试题大全、ES6等....
sdh19981202的博客
10-09 4935
自己整理的一些面试题： 1、promise是用来做什么的？ 答：它是一个对象，用来传递异步操作的信息。 2、promise三个状态？ Pending：进行中，Resolved：已完成，Reject：已失败 3、promise优缺点？ 优点：可以通过.then解决回调地狱的问题，通过try-catch解决问题捕获 数组去重的常用方法 1.es6的set方法 var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { retu
使用 JSON.Stringify 的缺陷，你知道几个
weixin_44514665的博客
04-05 3839
前言 近期在使用 JSON.Stringify 的时候发现一些之前未曾注意到的 JSON.String的问题。在此总结一下。 以一个包含大部分数据类型的对象为例: let my_obj = { func: function () { alert(1); }, obj: { a: 1 }, arr: [1, 2, 3], und: undefined, reg: /123/, date: new Date(0), NaN: NaN
千万不要用JSON.stringify()去实现深拷贝！有巨坑！！
CSDN_KONGlX的博客
07-07 1764
.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...
JSON.parse(JSON.stringify(obj)) 实现深拷贝的优缺点
最新发布
sinat_33255495的博客
12-04 354
JSON.parse(JSON.stringify(obj)) 是一种实现深拷贝的简单方法，适用于简单的对象结构。但对于复杂的数据结构或特定的数据类型（如函数、正则表达式等），这种方法可能并不适用。在实际使用时，需要根据具体的需求和对象结构选择合适的方法来实现深拷贝。对于上述问题，可以考虑使用其他深拷贝方法，例如递归拷贝函数或第三方库（如 lodash 的 _.cloneDeep）来实现更可靠的深拷贝[] : {};return obj;
利用 JSON.stringify 深拷贝的弊端
MFWSCQ的博客
01-22 2971
深拷贝不仅将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深拷贝的方法递归复制到新对象上。 function deepClone(obj){ let obj_ = JSON.stringify(obj), loneObj = JSON.parse(obj_); return loneObj } let a=[1,2,3,4,[2,3,4]], b = deepClone(a); console.log(a,b); 结果： 弊端： 1.如果 ob
JSON.parse(JSON.stringify())实现深拷贝的缺点
m0_54566205的博客
03-15 3545
JSON.parse(JSON.stringify())方法是一种简单易用的实现深拷贝的方法，但它并不完美，使用时需要注意其缺陷。对于需要处理函数、循环引用等复杂情况的对象，可以使用其他方法来实现深拷贝。
JSON.stringify深拷贝的缺点
song854601134的博客
12-10 2682
文章目录JSON.stringify深拷贝的缺点 JSON.stringify深拷贝的缺点 浅拷贝和深拷贝： 针对对象 深拷贝和浅拷贝只针对像Object和Array这样的复杂对象的，String,Number等简单类型不存在深拷贝。 浅拷贝： 因为浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制。在JavaScript中，对于Object和Array这类引用类型值，当从一个变量向另一个变量复制引用类型值时，这个值的副本其实是一个指针，两个变量指向同一个堆对象，改变其中一个变量，另一个也会受到
深浅拷贝的区别及实现
weixin_56487494的博客
03-26 245
通过扩展运算符进行浅拷贝，对age和address.city进行修改赋值，但是obj1的age并没有发生变化，而深层次的city变化了。不会拷贝对象的继承属性，不会拷贝对象的不可枚举属性，可以拷贝symbol类型的属性。，在赋值时会把引用地址复制过去，这就会导致新变量修改后，旧变量也会发生改变。进行深拷贝之后，对obj3进行深层次的属性修改，原对象都不会发生改变。基本类型的话，会将新变量存储在栈中，并将旧变量的值复制给新变量。开辟一个新的栈，两个对象属完成相同，但是对应两个不同的地址，
React高频面试题（附答案）
beifeng11996的博客
07-27 2470
React高频面试题（附答案）
web前端设计与开发，JavaScript命名标识符规范
m0_60143477的博客
07-22 491
1，盒模型 1.1，ie 盒模型算上 border、padding 及自身（不算 margin），标准的只算上自身窗体的大小 css 设置方法如下： /* 标准模型 */box-sizing:content-box ; /*IE 模型*/box-sizing:border-box ; 1.2，几种获得宽高的方式 dom.style.width/height   这种方式只能取到 dom 元素内联样式所设置的宽高，也 就是说如果该节点的样式是在 style 标签中或外联的 CSS 文件中设置的话，通过这
JSON.parse(JSON.stringify ())实现深拷贝时有什么缺点
weixin_40016215的博客
06-08 5812
javaScript存储对象都是存地址的，所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容，都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变，而深拷贝是开辟一块新的内存地址，将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。 在使用 JSON.parse(JSON.stringify(xxx))时应该注意一下几点 1、如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式。而不是时间对象；.
JOSN.parse(JSON.stringify())实现深拷贝的缺点
天渺(喵)工作室
01-23 2330
​ 首先推荐在项目中引用lodash三方工具库cloneDeep方法用来做数据深拷贝。 // import { cloneDeep } from 'lodash'; import cloneDeep from 'lodash/cloneDeep';// 只引用一个 推荐这样写 let a = cloneDeep(1); 案例数据 var obj = { name: 'zhangsan', date: new Date(), regExp: new RegE
JSON.stringify 深拷贝的弊端
weixin_50636536的博客
02-22 865
JSON.stringify 深拷贝的弊端
{} 空检测， JSON.parse() JSON.stringify(obj)缺点
qq_40774743的博客
04-18 2136
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有什么缺点？
yzp270663716的博客
08-29 736
JSON.stringify() 是一个将JavaScript对象转换为JSON字符串的方法。尽管它在许多情况下非常有。
JSON.stringify 的弊端 深拷贝
柑橘乌云_
03-23 532
使用JSON.Stringify 转换的数据中，如果包含 function，undefined，Symbol，这几种类型，不可枚举属性， JSON.Stringify序列化后，这个键值对会消失。转换的数据中包含 NaN，Infinity 值（含-Infinity），JSON序列化后的结果会是null。转换的数据中包含Date对象，JSON.Stringify序列化之后，会变成字符串。转换的数据包含RegExp 引用类型序列化之后会变成空对象。数据，前后变化表明，使用。序列化之后的数据，在。
JSON.stringify实现深拷贝的不足之处
weixin_46276411的博客
01-30 980
拷贝的对象的值中如果有函数、undefined、symbol 这几种类型，经过 JSON.stringify 序列化之后的字符串中这个键值对会消失； 拷贝 Date 引用类型会变成字符串； 无法拷贝不可枚举的属性； 无法拷贝对象的原型链； 拷贝 RegExp 引用类型会变成空对象 对象中含有 NaN、Infinity 以及 -Infinity，JSON 序列化的结果会变成 null； function Obj () { this.func = function () {alert('111.
利用 JSON 深拷贝的弊端
ithunzi的博客
08-15 510
当存在循环引用的时候，JSON.stringify 会一直去序列化所有对象，包括引用的对象，一直往复会爆栈，所以JSON.stringify 遇到循环引用会直接抛出异常，解决方法，利用一个 map 来存储对象（利用JSON.stringify的第二个参数）5、JSON.stringify() 只能序列化对象的可枚举的自有属性，例如如果 obj 中的对象是有构造函数生成的， 则使用 JSON.parse(JSON.stringify(obj)) 深拷贝后，会丢弃对象的 constructor；
JSON.parse JSON.stringfy
03-21
JSON.parse是JavaScript中的一个方法，用于将JSON字符串解析为对应的JavaScript对象或值。它接受一个JSON字符串作为参数，并返回解析后的JavaScript对象或值。 JSON.stringify是JavaScript中的一个方法，用于将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值