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

于 2023-12-12 00:20:10 发布
阅读量331 收藏 1
点赞数
文章标签： javascript json 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40957741/article/details/134939210
版权

复习一下深拷贝的内容

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 822
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
Javascript自学随笔：Object, Class and OOP
jx30112的博客
08-21 178
Javascript自学系列：Object, Class and OOPObjects(对象)Inheritance(继承)Class(类) Objects(对象) 简介： Object包含property(属性)和method(方法)。 property分data和accessor（set/get）。 Mixin: 即merge object，用 Object.assign(des, scr1, scr2…) 做shallow copy。如果property重名，取最后一个，无法交换accessor。.
JOSN.parse(JSON.stringify())实现深拷贝的缺点
天渺(喵)工作室
01-23 2282
​ 首先推荐在项目中引用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()去实现深拷贝！有巨坑！！
CSDN_KONGlX的博客
07-07 1708
.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.stringify 深拷贝的弊端
MFWSCQ的博客
01-22 2868
深拷贝不仅将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深拷贝的方法递归复制到新对象上。 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 3411
JSON.parse(JSON.stringify())方法是一种简单易用的实现深拷贝的方法，但它并不完美，使用时需要注意其缺陷。对于需要处理函数、循环引用等复杂情况的对象，可以使用其他方法来实现深拷贝。
JSON.stringify深拷贝的缺点
song854601134的博客
12-10 2630
文章目录JSON.stringify深拷贝的缺点 JSON.stringify深拷贝的缺点 浅拷贝和深拷贝： 针对对象 深拷贝和浅拷贝只针对像Object和Array这样的复杂对象的，String,Number等简单类型不存在深拷贝。 浅拷贝： 因为浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制。在JavaScript中，对于Object和Array这类引用类型值，当从一个变量向另一个变量复制引用类型值时，这个值的副本其实是一个指针，两个变量指向同一个堆对象，改变其中一个变量，另一个也会受到
JSON.parse(JSON.stringify ())实现深拷贝时有什么缺点
weixin_40016215的博客
06-08 5736
javaScript存储对象都是存地址的，所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容，都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变，而深拷贝是开辟一块新的内存地址，将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。 在使用 JSON.parse(JSON.stringify(xxx))时应该注意一下几点 1、如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式。而不是时间对象；.
uniapp,vue学习笔记
qq_53926905的博客
08-30 1605
uniapp，vue学习笔记
vue面试题、react面试题大全、ES6等....
sdh19981202的博客
10-09 4837
自己整理的一些面试题： 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
React高频面试题（附答案）
beifeng11996的博客
07-27 2422
React高频面试题（附答案）
JSON.stringify 深拷贝的弊端
weixin_50636536的博客
02-22 832
JSON.stringify 深拷贝的弊端
{} 空检测， JSON.parse() JSON.stringify(obj)缺点
qq_40774743的博客
04-18 2109
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 的弊端 深拷贝
柑橘乌云_
03-23 499
使用JSON.Stringify 转换的数据中，如果包含 function，undefined，Symbol，这几种类型，不可枚举属性， JSON.Stringify序列化后，这个键值对会消失。转换的数据中包含 NaN，Infinity 值（含-Infinity），JSON序列化后的结果会是null。转换的数据中包含Date对象，JSON.Stringify序列化之后，会变成字符串。转换的数据包含RegExp 引用类型序列化之后会变成空对象。数据，前后变化表明，使用。序列化之后的数据，在。
JSON.stringify实现深拷贝的不足之处
weixin_46276411的博客
01-30 953
拷贝的对象的值中如果有函数、undefined、symbol 这几种类型，经过 JSON.stringify 序列化之后的字符串中这个键值对会消失； 拷贝 Date 引用类型会变成字符串； 无法拷贝不可枚举的属性； 无法拷贝对象的原型链； 拷贝 RegExp 引用类型会变成空对象 对象中含有 NaN、Infinity 以及 -Infinity，JSON 序列化的结果会变成 null； function Obj () { this.func = function () {alert('111.
利用 JSON 深拷贝的弊端
最新发布
ithunzi的博客
08-15 417
当存在循环引用的时候，JSON.stringify 会一直去序列化所有对象，包括引用的对象，一直往复会爆栈，所以JSON.stringify 遇到循环引用会直接抛出异常，解决方法，利用一个 map 来存储对象（利用JSON.stringify的第二个参数）5、JSON.stringify() 只能序列化对象的可枚举的自有属性，例如如果 obj 中的对象是有构造函数生成的， 则使用 JSON.parse(JSON.stringify(obj)) 深拷贝后，会丢弃对象的 constructor；
JavaScript深拷贝和浅拷贝 及 JSON.parse(JSON.stringify()) 的缺陷
^_^
08-08 4784
一、理解拷贝 拷贝就像我们平常cv一些文件、代码 复制了一份新的就叫拷贝。换成js代码就变成了基本数据类型和引用数据类型的拷贝。 在JavaScript中我们定义的简单数据类型会存到栈(stack)内存中，包括引用类型的指针，而这个指针指向的地方是在堆(heap)内存中。也通常理解为，简单数据类型存在栈中，引用数据类型存在堆中 二、基本数据类型拷贝 基本数据类型没什么好说的，通过一个变量赋值给一个变量就已经拷贝完成了 let a = 1 let b = .
JSON深拷贝可能出现的问题有哪些
weixin_48723799的博客
03-20 1610
对象中存在 undefined、NaN 和 Infinity：在使用 JSON.stringify() 方法将对象转换为 JSON 字符串时，这些特殊的值会被转换为 null，因此在深拷贝后，这些值将丢失原来的特殊含义。构造函数和原型链的丢失：使用 JSON.stringify() 和 JSON.parse() 方法进行深拷贝时，会丢失原对象的构造函数和原型链信息，即新对象会失去与原对象的继承关系。
JSON.parse(JSON.stringfy(对象))弊端
qq_40278396的博客
06-16 1077
如果obj中的对象是有构造函数生成的， 则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的constructor。1、如果obj里面存在时间对象,JSON.parse(JSON.stringify(obj))之后，时间对象变成了字符串。3、如果obj里有函数，undefined，则序列化的结果会把函数， undefined丢失。2、如果obj里有RegExp、Error对象，则序列化的结果将只得到空对象。6、如果对象中存在循环引用的情况也无法正确实现深拷贝。
json.dumps json.stringfy
07-27
json.dumps和json.stringify是两种不同编程语言中处理JSON数据的方法。 json.dumps是Python中的一个方法，用于将Python对象转换为JSON格式的字符串。它可以接受多个参数，其中separators参数用于指定分隔符的样式。在你提供的例子中，使用了separators参数将分隔符设置为逗号和冒号，这样生成的JSON字符串中的键值对之间会用逗号分隔，键和值之间会用冒号分隔。\[1\] json.stringify是JavaScript中的一个方法，用于将JavaScript对象转换为JSON格式的字符串。它没有separators参数，但可以通过其他方式来指定分隔符的样式。在你提供的例子中，使用了json.dumps方法将Python对象转换为JSON字符串，然后在JavaScript中使用json.stringify方法将该JSON字符串传递给后端。\[2\] 需要注意的是，json.dumps是Python中的方法，而json.stringify是JavaScript中的方法，它们在不同的编程语言中使用不同的语法和参数。 #### 引用[.reference_title] - *1* [python3中转化json对象和js不一致问题](https://blog.csdn.net/weixin_43145985/article/details/105919155)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [python如何模拟前端通过JSON.stringify给后端发送数据](https://blog.csdn.net/weixin_39801158/article/details/110682329)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值