JavaScript手写系列之手写深拷贝

最新推荐文章于 2025-04-23 14:40:09 发布

Yolanda_NuoNuo

最新推荐文章于 2025-04-23 14:40:09 发布

阅读量1.3k

点赞数 23

分类专栏： JavaScript 面试题文章标签： javascript 面试深拷贝前端面试题

本文链接：https://blog.youkuaiyun.com/Yolanda_NuoNuo/article/details/118559284

版权

本文探讨前端面试常考的深拷贝实现，通过递归完成深拷贝的讲解。同时，文章提及typeof和instanceof的区别，指出typeof在判断引用类型时只能识别函数为function，而instanceof依赖原型链，无法区分具体类型。最后提到了hasOwnProperty在检查对象自身属性时的作用。

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

传说中前端面试必考的手写系列之，实现深拷贝～

1、思路就是递归实现啦～
然后要注意先判断是不是数组，因为数组和对象都是引用类型，如果用instanceof判断呢，因为都在同一条原型链上，
在这里插入图片描述
2、编码实现

const obj1 = {
   
    name: 'Yolanda',
    age: 18,
    info: {
   
      array: [1, 3, [4, 8, 0], [2, 4, 7]],
      friends: {
   
        male: {
   
          name: 'Tony',
          age: 24
        },
        female: {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Yolanda_NuoNuo

关注关注

23
点赞
踩
31

收藏

觉得还不错? 一键收藏
16
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js 手写深拷贝方法

wxid_mtnujb6ipc0322的博客

02-28

546

手写一个深拷贝是我们常见的面试题，在实现过程中我们需要考虑的类型很多，包括对象、数组、函数、日期等。以下就是深拷贝实现逻辑。

用JS手写一个深拷贝函数

猿小白的博客

04-16

221

深拷贝函数用于实现将一个对象/数组完全克隆一份，新克隆出来的对象与原对象完全独立，二者互不影响。

16 条评论您还未登录，请先登录后发表或查看评论

手写深拷贝

fengshaopu的博客

05-24

1676

一、先认识什么是相等或者不等定义是：我们要二个变量、初始值相等的话，就要通深拷贝 var arr=[1,6,5,[8,9]] var arr1=[...arr] console.log(arr==arr1) //是为false 的因为arr 是一个堆内存 arr1也是一个堆内存 console.log(arr[2]==arr1[2]) //是为true的因为 arr添加到了arr1里面此时arr1后面的数组等于arr1 方法一、JSON.strin

JS 手写深拷贝

weixin_43736435的博客

05-02

323

var oldObj = { name: '范德彪', age: '43', designation: ['水库浪子','彪记靓汤总经理','彪哥解梦馆'], relationship: { jiefu: '马大帅', girl: '桂英', } } function deepClone(obj) { if(typeof obj !== 'object' || obj == null){ return obj; } let result = unde

手写深拷贝函数

最新发布

大剑师兰特的GIS世界

04-23

769

在 JavaScript 中，深拷贝是指创建一个对象或数组的完全独立副本，包括其嵌套的对象或数组。这意味着修改副本不会影响原始对象。通过上述方法，你可以实现一个功能完善的深拷贝函数，并根据实际需求进行扩展！

手写 JS深拷贝

bigb的博客

10-25

645

js 的值类型和引用类型使用，手写深拷贝

JavaScript 手写深拷贝

Sun_blog

08-09

623

浅拷贝 <!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&gt

JavaScript 深拷贝 递归手写

01-08

今天的学习笔记写在了自己的网页笔记本上，没有记录到博客，但是学到一个有关深拷贝的实现方法，为加深印象，这里给大家分享一下： 深拷贝：就是拷贝到最底层的属性。 function deepCopy(object){ //这里传入一个...

javascript深拷贝、浅拷贝和循环引用深入理解

10-18

JavaScript中的深拷贝和浅拷贝是编程中常见的概念，主要涉及到对象和数组的复制。在JavaScript中，数据类型分为基本数据类型（如Number、String、Boolean等）和引用数据类型（如Object、Array等）。基本类型直接存储...

递归手写深拷贝

田兴的博客

10-23

5225

前提： 深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。 1. 堆栈内存具体看另一篇博客数据类型、堆栈存储 2. 浅拷贝与深拷贝 深拷贝和浅拷贝的示意图大致如下：浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。赋值和浅拷贝的区别赋值：把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间

(JS)手写深拷贝

u014572617的博客

08-02

479

JS手写深拷贝 const obj1 = { age: 20, name: "xxx", address: { city: "earth" } }; /** * * @param obj {Object} */ function deepClone(obj = {}) { if (typeof obj !== "object" || obj == null) { return obj; } let result; if (obj instanceof Array) { r

手写一个深拷贝

weixin_43732512的博客

12-23

271

我们最常用的是json.parse(json.stringfy(data))来进行深拷贝，但是这有一些问题对于undefined，函数，Symbol会直接忽略 new Date()转换后结果不正确对于正则转换为{} 对于循环引用，会报错如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null unction isObject(val){//判断是否是对象 ...

手写js深拷贝

weixin_42959000的博客

04-20

787

// 定义一个深拷贝方法 function deepClone(obj = {}){ // 判断传入的数据是否是引用类型(一般为对象或者数组) if(typeOf obj !== 'object' || obj == null){ // 如果不是，那么返回该数据 return obj; } // 定义一个拷贝后的结果，用来当返回值 let result; // 判断结果值为数组还是对象 if(obj instanceOf Array){ result = [] }else{

JS手写实现深拷贝

mzp520lf的博客

09-07

1564

原理：利用JSON.stringify 将JavaScript对象序列化成为JSON字符串，并将对象里面的内容转换成字符串，再使用JSON.parse来反序列化，将字符串生成一个新的JavaScript对象。拷贝的对象中如果有 function、undefined、symbol，当使用过JSON.stringify()进行处理之后，都会消失。JSON.parse(JSON.stringify(obj))是比较常用的深拷贝方法之一。实现深拷贝的思路就是，使用for in来遍历传入参数的属性值。

手写JS深拷贝

阿嚏乱码的地方

02-14

414

源码：支持拷贝String、Number、Boolean、Null、Undefined、Object（Function、Array、RegExp、Date、环） class deepCloner { constructor() { this.cache = [] } clone(source) { if (source instanc...

深拷贝JavaScript函数的手写技巧与实现

资源摘要信息:"js代码-deepclone 手写实现" 知识点: 1. JavaScript中深拷贝（deep clone）的定义： ...手写深拷贝代码是JavaScript学习中的一项重要技能，有助于深入理解数据类型和对象引用的概念。