js递归实现深拷贝

已于 2023-11-03 17:17:11 修改
阅读量64 收藏
点赞数
分类专栏： 前端面试代码考核 Coding 文章标签： javascript 前端 开发语言
于 2023-06-30 09:00:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jialiang808/article/details/131469186
版权
该代码定义了一个名为copy的函数，用于深度复制JavaScript中的对象或数组。如果传入的不是对象或null，则直接返回。它使用了递归方法处理嵌套的对象和数组，确保所有层级都被复制。新创建的对象或数组newObj会存储复制后的值，对于非对象类型，直接赋值；如果是对象则调用自身进行递归复制。
摘要由CSDN通过智能技术生成 
function copy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj
  }
  const newObj = obj instanceof Array ? [] : {};
  for (let key in obj) {
    if (typeof obj[key] === 'object') {
      newObj[key] = copy(obj[key]);
    } else {
      newObj[key] = obj[key];
    }
  }
  return newObj;
}

搬砖也快乐
关注
专栏目录
递归实现深拷贝：JavaScript前端开发
ScriptWELL的博客
09-19 73
接下来，根据对象的类型（数组或对象），创建一个空的目标对象。in循环遍历原始对象的属性，并在目标对象中递归调用deepCopy函数进行属性值的拷贝。最后，返回拷贝后的对象。在上面的示例中，我们首先创建了一个包含嵌套对象的原始对象（obj1）。最后，我们打印出obj1和obj2的值，可以看到它们是完全独立的对象，修改一个对象不会影响另一个对象。深拷贝是指创建一个新的对象，该对象与原始对象具有相同的值，但是它们在内存中是完全独立的，互不影响。相比之下，浅拷贝只是复制了对象的引用，而不是创建一个新的对象。
JavaScript第 4 篇，JavaScript深拷贝函数（JS深拷贝，js深拷贝，JavaScript递归函数，实现深拷贝）
热门推荐
weixin_65793170的博客
11-16 1万+
⭐JavaScript的深拷贝和浅拷贝大家都比较熟悉，今天来分享下深拷贝，就是使用该函数时，会复制拷贝一份该数据，修改该数据属性，不会改变原有数据，就是把复制的对象所引用的对象全都复制了一遍； function deepClone(obj) { //判断传进来的参数类型不是对象数组 或者是null时 直接返回 if (typeof obj !== "object" || obj == null) { return obj }
js深拷贝、js使用递归实现深拷贝
weixin_52941842的博客
07-10 876
js深拷贝、js使用递归实现深拷贝
【JavaScript】深拷贝详解
最新发布
lph159的博客
09-15 1969
在 JavaScript 中，拷贝对象时可以分为浅拷贝和深拷贝。浅拷贝：只复制对象的第一层属性，嵌套的对象仍然引用原始对象中的数据。深拷贝：不仅复制对象的所有属性，还包括所有嵌套对象的值，使得新对象与原始对象完全独立。深拷贝是 JavaScript 中处理复杂对象的关键工具，它能确保复制对象与原始对象之间的独立性，避免意外的引用共享。本文介绍了几种常见的深拷贝方法，每种方法都有其适用的场景和优缺点。选择合适的深拷贝方法不仅能提高代码的健壮性，还能确保应用程序的稳定性。
JS 浅拷贝和深拷贝的几种常用方法
全粘程序员
10-13 419
如果原始对象中的属性值为基本数据类型，则会被拷贝到新对象中，如果是对象或数组，则只会复制它们的引用。这意味着如果原始对象的属性值发生变化，拷贝后的对象的属性值也会随之变化，因为它们引用的是相同的内存空间。这样，即使原始对象的属性值发生变化，拷贝后的对象的属性值也不会受到影响，因为它们引用的是不同的内存空间。需要注意的是使用JSON序列化和反序列化进行深拷贝的方法只适用于对象中不包含函数、undefined、NaN、Infinity、-Infinity以及循环引用的情况。2.使用数组的slice()方法。
关于JS实现深拷贝的几种方法
hdxx2022的博客
08-06 2425
那么到这里，我们知道了深拷贝与浅拷贝的区别，同时从数据存储规则来解释，也明白了为什么要使用深拷贝；其次，我们知道了几种简单粗暴的深拷贝办法，也明白在何种情况下我们应该使用深拷贝。到此这篇关于JS实现深拷贝的文章就介绍到这了，希望对大家的学习有所帮助。转自：微点阅读。
js深拷贝（递归实现）
m0_70647124的博客
05-10 1318
通过递归可以简单实现对象的深度克隆，但是这种方法不管是ES6还是ES5实现，都有同样的缺陷，就是只能实现特定的object的深度复制（比如数组和函数），不能实现包装对象Number，String ， Boolean，以及Date对象，RegExp对象的复制。 下面是完美版的深拷贝 参考自：[https://blog.csdn.net/liwusen/article/details/78759373](() function istype(obj,type){//判断包装类型的原型 return Objec.
利用递归完成深拷贝
New_leng的博客
07-03 1926
递归方法实现深度克隆原理：遍历对象、数组直到里边都是基本数据类型，然后再去复制，就是深度拷贝。 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。 首先，明确一点深拷贝和浅拷贝是针对对
js中递归实现深拷贝
09-06
在 JavaScript 中，可以使用递归来实现深拷贝。下面是一个示例: ```javascript function deepCopy(obj) { // 判断传入的参数是否为对象 if (typeof obj !== 'object' || obj === null) { return obj; } // ...
javascript中怎样用递归函数实现深拷贝
m0_50665842的博客
11-22 1677
【代码】javascript中怎样用递归函数实现深拷贝。
关于JS的深拷贝，你用对方法了吗?
前端达人
02-26 853
JS深拷贝，你用对了吗？在JavaScript中，深拷贝一个对象是创建一个全新的对象，包括嵌套对象在内，所有属性都是完全独立的副本。这与浅拷贝不同，浅拷贝只会复制第一级属性，而嵌套的对象则是引用，而非复制。在JavaScript中，有多种方法可以进行深拷贝，但是你需要结合使用场景选择最佳的。能否使用 JSON.parse & JSON.stringify 吗? ❌JSON.parse(JS...
JS实现深拷贝的4种方法
xinyuerr的博客
09-18 7423
进行深拷贝的方法：递归函数 （推荐使用，项目中使用的更多，更小，更安全）JSON.stringify() 和JSON.parse();(不推荐使用,如果遇到Function,Date等类型的变量容易出现一些意料之外的问题)第三方库lodash的cloneDeep()方法JQuery的extend()函数 (推荐在JQuery项目中使用，其他项目依然推荐是用递归函数)到此这篇关于JS实现深拷贝的4种方式的文章就介绍到这了,希望可以帮到你！微点阅读。
JavaScript拷贝大作战：浅拷贝vs深拷贝
Twinkle_sone的博客
11-30 929
深拷贝和浅拷贝。作为开发人员，我们经常需要处理对象和数组的复制操作，而了解不同类型的拷贝方式对于保证数据的完整性和准确性至关重要。在本文中，我们将带您进入拷贝的世界，揭开深拷贝与浅拷贝的奥秘，并分享一些实用的技巧和最佳实践。
常用js深拷贝的方法
qinyuan_18的博客
06-28 281
且只有一级属性为深拷贝，二级属性后就是浅拷贝,（温馨提示：数组拷贝方法当中，使用…、slice、concat等进行拷贝也是一样的效果，只深拷贝最外层）缺点: 1，无法拷贝 对象中的方法属性 , 因为JSON格式字符串不支持Function，在序列化的时候会自动删除；JSON.parse和JSON.stringify提供了深拷贝的功能，但只适用于支持序列化和反序列化的数据类型，如基本数据类型和部分对象类型。递归实现是最基本的深拷贝方式，它遍历对象属性，若属性本身是引用类型，则继续递归拷贝。
递归函数实现对象的深拷贝(JavaScript)
weixin_53867427的博客
11-15 2171
造成这个问题的主要原因在于数组类型和对象的typeof()都是object，由于Array.isArray()可以判断是否是数组，这样一来就一定是判断数组在前，判断对象在后，如果判断对象在前，则后面的判断数组会直接被覆盖掉，即使原对象中的属性存在数组也会以object输出，这个可以在f12开发者工具中查看。将每一数据都进行判断，判断的结果分为数组、对象、其他，对数组和对象进行再一次判断。对对象的深拷贝的难点在于对象的属性值可以是任意类型，而数组的元素可以是任意属性，这样也恰恰是解决它的办法。
在JS中实现深拷贝的几种方式
AROUND
04-29 921
对于简单的情况，可以结合扩展运算符和递归来实现深拷贝，但同样需手动处理特殊类型和循环引用。如果你的项目中已经引入了lodash这样的库，可以直接使用其提供的深拷贝方法。这种方法简单快捷，但有两个主要限制：它不能处理函数和循环引用的对象。这是最常用的方法之一，可以处理大部分数据结构，但需注意处理循环引用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值