用递归实现深拷贝

最新推荐文章于 2024-09-26 01:42:12 发布
最新推荐文章于 2024-09-26 01:42:12 发布
阅读量116 收藏
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49670278/article/details/126880592
版权
该博客介绍了JavaScript中实现深度复制的方法，通过`deepCopy`函数展示了如何递归复制复杂对象，包括其内部的引用类型。示例代码中创建了一个包含用户信息的对象`obj1`，并使用`deepCopy`进行了深拷贝，确保了新旧对象的独立性。文章重点讨论了深拷贝在处理数据克隆和避免引用问题时的重要性。
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const obj1 = {
uname: 'zs',
age: 18,
gender: '男',
gfs: ['张梅梅'],
cars: {
brand: '宝马'
}
}
function deepCopy(oldObj){
//判断一下，传递进来的形参是不是数组，如果是数组则给个[],如果不是则是{}
const newObj=Array.isArray(oldObj)?[]:{}
//遍历oldObj数组
for (const k in oldObj) {
//判断数组内元素的类型(如果为引用类型)
if(typeof oldObj[k]==='object'){
//调用deepCopy()进行深层次判断/获取
newObj[k]=deepCopy(oldObj[k])
}else{
//简单类型直接将值赋给newObj
newObj[k]=oldObj[k]
}
}
return newObj
}
const res =deepCopy(obj1)
console.log(res);
</script>
</body>
</html>
小杨得努力
关注
使用递归实现深拷贝
qq_53109172的博客
12-31 1395
我在测试中都是单独每一项数据进行测试的，是为了更好的观测，实际一个对象都包含这些数据的话也都是 ok的，需要的话可以自己测试，而且写下来就会发现，其实逻辑都是差不多的，可以根据你实际的情况进行增加或者减免，在日常的开发中使用 JSON 序列化一般也可满足我们的需求，不过知道不用和不知道还是存在本质的区别的，可能现在有些你学习的技术没有实际的意义，但是只有积累的足够多的时候你才能完成一些本质上的突破很多事情不是因为看到了希望才去坚持，而是因为坚持了才能看到希望})})if (![] : {}
递归实现深拷贝
taoqidejingling的博客
01-27 1816
深拷贝使用递归去复制所有层级属性；JSON.stringify()和JSON.parse()组合也可以实现深拷贝；基本数据类型和引用数据类型有哪些？
递归函数实现深拷贝
qq_73035708的博客
06-02 236
【代码】递归函数实现深拷贝。
js深拷贝、js使用递归实现深拷贝
weixin_52941842的博客
07-10 854
js深拷贝、js使用递归实现深拷贝
JS递归实现深拷贝
weixin_70799390的博客
10-24 225
JS递归实现深拷贝
js使用递归实现深拷贝
晴天有何特别
10-07 581
js使用递归实现深拷贝 实现思维：判断是否是对象/数组，对其使用for in遍历，每个属性判断是对象就调用当前函数并将结果赋值给当前属性 function clone(obj){ let targetObj=obj.constructor === Array ? [] : {}; for(let i in obj){ if(typeof obj[i] === 'o...
循环递归实现深拷贝
weixin_55373629的博客
09-08 344
循环递归实现深拷贝
递归使用深拷贝详解
weixin_47251205的博客
03-04 565
当使用递归实现深拷贝时，我们需要考虑几个关键点和步骤。
javascript中怎样用递归函数实现深拷贝
m0_50665842的博客
11-22 1673
【代码】javascript中怎样用递归函数实现深拷贝。
利用递归完成深拷贝
New_leng的博客
07-03 1918
递归方法实现深度克隆原理：遍历对象、数组直到里边都是基本数据类型，然后再去复制，就是深度拷贝。 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。 首先，明确一点深拷贝和浅拷贝是针对对
js递归实现深拷贝
lgg1997的博客
08-23 796
js递归实现深拷贝
JavaScript第4篇，JavaScript深拷贝函数（js深拷贝，JavaScript递归函数，实现深拷贝）
热门推荐
weixin_65793170的博客
11-16 1万+
JavaScript的深拷贝和浅拷贝大家都比较熟悉，今天来分享下深拷贝，就是使用该函数时，会复制拷贝一份该数据，修改该数据属性，不会改变原有数据，就是把复制的对象所引用的对象全都复制了一遍； function deepClone(obj) { //判断传进来的参数类型不是对象数组 或者是null时 直接返回 if (typeof obj !== "object" || obj == null) { return obj }
js深拷贝（递归实现）
m0_70647124的博客
05-10 1307
通过递归可以简单实现对象的深度克隆，但是这种方法不管是ES6还是ES5实现，都有同样的缺陷，就是只能实现特定的object的深度复制（比如数组和函数），不能实现包装对象Number，String ， Boolean，以及Date对象，RegExp对象的复制。 下面是完美版的深拷贝 参考自：[https://blog.csdn.net/liwusen/article/details/78759373](() function istype(obj,type){//判断包装类型的原型 return Objec.
递归实现深拷贝：JavaScript前端开发
ScriptWELL的博客
09-19 67
接下来，根据对象的类型（数组或对象），创建一个空的目标对象。in循环遍历原始对象的属性，并在目标对象中递归调用deepCopy函数进行属性值的拷贝。最后，返回拷贝后的对象。在上面的示例中，我们首先创建了一个包含嵌套对象的原始对象（obj1）。最后，我们打印出obj1和obj2的值，可以看到它们是完全独立的对象，修改一个对象不会影响另一个对象。深拷贝是指创建一个新的对象，该对象与原始对象具有相同的值，但是它们在内存中是完全独立的，互不影响。相比之下，浅拷贝只是复制了对象的引用，而不是创建一个新的对象。
如何搭建Vue脚手架
最新发布
w6437286的博客
09-26 450
本文主要讲解如何搭建vue脚手架。
基于JavaWeb开发的Java+SpringMvc+vue+element实现驾校管理系统详细设计
央顺科技官方博客
09-24 935
机遇与挑战始终并存。在开放的互联网平台面前，驾校预约管理系统的信息管理面临着巨大的挑战。传统的管理模式局限于简单数据的管理，无法适应不断变化的市场格局。在早期阶段，在将计算机技术和网络技术融入驾校预约管理系统数据管理方法之前，所有管理方式都通过人工操作完成了管理信息的。系统管理也都将通过计算机进行整体智能化操作，对于驾校预约管理系统所牵扯的管理及数据保存都是非常多的，举例像所有详细信息包括，管理员；首页、个人中心、学员管理、驾校教练管理、驾校车辆管理、预约管理、取消预约管理、驾校公告管理、系统管理。
vue上传预览CAD文件
只会写bug
09-24 605
如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。
基于Springboot+Vue的高校教室资源管理系统的设计与实现（含源码+数据库）
m0_59480939的博客
09-25 241
这个系统有三个角色：管理员、学生和教师。管理员可以在前台查看教室信息列表并进行预约，而在后台可以管理学生、教师、教室类型、教室信息、教室预约、系统公告和轮播图等模块，支持新增、查看、修改、删除和审核等操作。系统支持管理员后台登录，但不支持学生和教师后台登录，学生和教师则支持前台注册与登录，而管理员不支持前台登录和注册。数据库版本: mysql5.7或8.0。JDK版本: Java JDK1.8。开发系统:Windows10/11。数据库可视化工具: navicat。架构模式:MVC/前后端分离。
js中递归实现深拷贝
09-06
在 JavaScript 中，可以使用递归来实现深拷贝。下面是一个示例: ```javascript function deepCopy(obj) { // 判断传入的参数是否为对象 if (typeof obj !== 'object' || obj === null) { return obj; } // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值