手写深拷贝

最新推荐文章于 2025-06-06 01:31:59 发布
最新推荐文章于 2025-06-06 01:31:59 发布
阅读量57 收藏
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/coder_yujian/article/details/133956094
版权
博客介绍了浅拷贝和深拷贝的概念。深拷贝会在堆内存创建新空间，完全克隆相同对象；浅拷贝仅对对象或数组第一层进行拷贝，其他层级拷贝的是栈中的内存地址。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

深拷贝：在堆内存中创建一个新空间，完全克隆相同的对象

浅拷贝：只对对象或者数组的第一层进行拷贝，其他层级拷贝的是其栈中的内存地址

function deepClone(obj) {
  // 判读是数组还是对象
  let cloneObj = Array.isArray(obj) ? [] : {}
  // obj判断是undefined还是null
  if (obj && typeof obj == 'object') {
    for (let key in obj) {
      // 过滤原型链上可枚举的属性
      if (obj.hasOwnProperty(key)) {
        // 如果子对象还是对象说明还是要深拷贝
        if (obj[key] && typeof obj[key] == 'object') {
          cloneObj[key] = deepClone(obj[key])
        } else {
          cloneObj[key] = obj[key]
        }
      }
    }
  }
  return cloneObj
}

小菜鱼！
关注
js 手写深拷贝方法
wxid_mtnujb6ipc0322的博客
02-28 542
手写一个深拷贝是我们常见的面试题，在实现过程中我们需要考虑的类型很多，包括对象、数组、函数、日期等。以下就是深拷贝实现逻辑。
JS中的浅拷贝与深拷贝方法（秒懂拷贝原理与手写深拷贝）
百赢出品，必属精品
04-04 1906
换句话说，新对象和原对象的所有属性，包括引用类型属性，在内存中都是完全独立的。需要注意的是，浅拷贝和深拷贝只针对引用类型的属性，对于原始类型的属性，复制的都是值。浅拷贝是指创建一个新对象，然后将原对象的引用类型的属性复制给新对象。当对象中包含嵌套的子对象，且需要确保复制后的对象完全独立于原始对象时，应使用深拷贝。如果只需要复制对象的部分属性，可以使用浅拷贝来复制所需的属性，而不必复制整个对象。如果需要复制对象的所有子对象，而不仅仅是第一层的属性，应使用深拷贝。操作七：深拷贝中的循环引用。
手写深拷贝函数
大剑师兰特的GIS世界
04-23 765
在 JavaScript 中，深拷贝是指创建一个对象或数组的完全独立副本，包括其嵌套的对象或数组。这意味着修改副本不会影响原始对象。通过上述方法，你可以实现一个功能完善的深拷贝函数，并根据实际需求进行扩展！
手写深拷贝和浅拷贝
qq_45438471的博客
04-24 666
本文主要说明如何实现深拷贝和浅拷贝。
js手写深拷贝
yuanqi3131的博客
12-12 3980
JS手写深拷贝 深拷贝：假设我有一个对象A，我赋值给B，无论怎么改变B，A都不会发生任何的改变，即为深拷贝 浅拷贝：假设我有一个对象A，我赋值给B，改变一下B，A就会跟着改变，A，B对象的地址指向一个地方，只是简单的赋值，即为浅拷贝。 网上有很多说数组的slice、concat方法对数组使用，或者对象使用Object.assign()和ES6的扩展运算符(…)可以实现深拷贝，这是不对的，以上的方法只能对一层的对象有用，多层嵌套的是不起作用的，什么是多层嵌套，下面是两层，obj对象属性name也是一个对象，还
递归手写深拷贝
weixin_58032613的博客
01-19 392
前言 深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。 1. 堆栈内存 具体看另一篇博客js的数据类型、堆栈内存 浅拷贝与深拷贝 深拷贝和浅拷贝的示意图大致如下： 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 赋值和浅拷贝的区别 赋值： 赋值就是把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空
JS 手写 深拷贝
木木木森林
02-28 334
var obj1 = { name: 'laowang', age: 18, do: function () { console.log('study') }, hobby: ['唱', '跳', 'rap', [1, 2, 3]], } function checkType(obj) { return Object.prototype.toString.call(o
当面试官让你手写深拷贝，是在考察什么
u012443286的博客
04-02 1002
在面试中，偶尔会遇到手写深拷贝的问题，这是一道经典的手写题，主要考察了些什么呢？本文试图一层层的剖析，让你豁然开朗。
js中的深拷贝与浅拷贝 手写深拷贝代码
qq_33546823的博客
09-29 651
深拷贝和浅拷贝都是复制对象时常用的两种方式，区别在于对于嵌套对象的处理，只复制属性的第一层属性，双方修改嵌套对象将会互相影响。会递归复制每一层的属性，修改任意一方互不影响。
前端手写(三)——手写深拷贝
weixin_47450807的博客
03-26 4642
一、写在前面 深拷贝就是对对象的深度拷贝，假如我们对象中的字段值任然是对象，如果使用浅拷贝，则只能拷贝对象的地址。实现深拷贝存在三种方法: 1、使用JSON.stringify和JSON.parse方法 2、手写一个深拷贝函数。 3、使用第三方库lodash。 下面我们将详细总结一下第一种和第二种。 二、JSON.stringify和JSON.parse方法 const obj = { name: 'Jack', address: { x: 100, y: 200 } } let
JavaScript手写系列之手写深拷贝
Yolanda_NuoNuo的专栏
07-07 1374
传说中前端面试必考的手写系列之，实现深拷贝～ 1、思路就是递归实现啦～ 然后要注意先判断是不是数组，因为数组和对象都是引用类型，如果用instanceof判断呢，因为都在同一条原型链上， 2、编码实现 const obj1 = { name: 'Yolanda', age: 18, info: { array: [1, 3, [4, 8, 0], [2, 4, 7]], friends: { male: { name: '
JS ?? 运算符
海天鹰
06-03 299
如果左侧的值是 null 或 undefined，返回右侧的值；否则，返回左侧的值。
前端表单验证进阶：如何使用 jQuery.validator.addMethod() 编写自定义验证器(全是干货，建议收藏)
m0_56259289的博客
06-04 372
本文介绍如何使用 jQuery.validator.addMethod() 创建自定义表单验证方法。通过一个“禁止时间为 00:00”的案例，详细讲解验证函数的编写、错误信息处理、封装技巧及最佳实践。适用于需要扩展 jQuery Validation 插件的场景，帮助开发者实现更灵活的表单验证逻辑，提升前端开发效率与代码复用性。
前端node项目——gif实时生成倒计时（30s内）
最新发布
编程知识分享，主打前端
06-06 54
node实现api返回gif实时倒计时
javascript 原型链与继承机制的深度解析
爱分享的程序员
06-05 883
JavaScript的原型链与继承机制是其面向对象编程的核心。本文从四个维度深度解析：首先介绍原型概念，每个对象都有[[Prototype]]指向原型对象；其次讲解原型链工作原理，通过多层级继承示例说明属性查找过程；然后详细分析五种继承实现方式，包括原型链继承、构造函数继承、组合继承、寄生组合继承以及ES6的Class语法糖；最后通过流程图阐明构造函数与原型的关系，解释原型链查找规则和共享方法机制。文章结合代码示例与图示，系统性地展示了JavaScript继承体系的实现原理与应用场景。
SpringBoot+vueJS的酒水销售管理系统的设计与实现的设计与实现“
mr_lili_111的博客
06-03 714
本论文针对酒水销售行业信息化管理需求，设计并实现了一套基于 SpringBoot 和 VueJS 的轻量化销售管理系统。通过前后端分离架构，结合 MySQL 数据库和 ElementUI 组件库，实现了商品管理、订单处理、库存预警、数据分析等核心功能。系统采用微服务思想优化业务流程，通过 Swagger 接口文档实现前后端高效协作，最终通过压力测试验证了系统的稳定性和可扩展性。
JS将数字类型转为字符串类型的常见方法
qq_52006958的博客
06-03 176
JavaScript将数字转换为字符串的四种方法：1）toString()方法直接转换；2）String()函数强制类型转换；3）模板字面量${num}自动转换；4）使用加号运算符与空字符串拼接（num+''）。这些方法都能将数字123转换为字符串"123"，并通过typeof验证转换结果。每种方法都简单易用，可根据不同场景选择合适的方式。
js 手写深拷贝和浅拷贝
09-06
深拷贝和浅拷贝是 JavaScript 中用于复制对象的两种不同方式。 浅拷贝只是复制对象的第一层属性，而不会复制对象中的引用类型属性。也就是说，浅拷贝只会复制对象的引用，而不会创建一个新的对象。这意味着，如果原始对象中的引用类型属性发生变化，拷贝后的对象中的属性值也会随之改变。使用浅拷贝可以通过遍历对象中的属性，并将其复制到一个新对象中来实现。你可以使用循环、递归或者使用一些内置的方法来手写浅拷贝。举个例子，你可以通过遍历对象中的属性，并将其复制到一个新对象中来实现浅拷贝。比如使用递归的方式，你可以逐个复制对象中的属性到一个新的对象中，但是注意，只有第一层的属性会被复制到新对象中。 深拷贝则是复制对象的所有层次，包括对象的引用类型属性。这意味着，如果原始对象中的引用类型属性发生变化，拷贝后的对象中的属性值不会受影响。深拷贝会创建一个完全相同但是独立的对象。实现深拷贝可以使用递归的方式，对于对象的每一个属性，如果是引用类型，则递归调用深拷贝方法来复制属性值。你也可以使用一些内置的方法或者第三方库来实现深拷贝，比如使用 JSON.parse(JSON.stringify(object)) 来实现深拷贝。需要注意的是，使用这种方法时，对象中的函数、正则表达式以及 undefined 类型的属性会被忽略掉。 所以，通过手写深拷贝和浅拷贝，可以更好地理解递归、循环引用、weakMap、创建各种引用类型的方法、判断数据类型、箭头函数与普通函数的区别、正则表达式等知识。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JavaScript基础：手写浅拷贝与深拷贝](https://blog.csdn.net/imagine_tion/article/details/115322522)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [JS 浅拷贝和深拷贝详解(巨详细)](https://blog.csdn.net/qq_63299825/article/details/131003216)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值