js 深拷贝函数

淡淡的烟草味﹌ 2022-09-08 04:58 349阅读 0赞

// 定义一个深拷贝函数  接收目标target参数
    function deepClone(target) {
        // 定义一个变量
        let result;
        // 如果当前需要深拷贝的是一个对象的话
        if (typeof target === 'object') {
        // 如果是一个数组的话
            if (Array.isArray(target)) {
                result = []; // 将result赋值为一个数组，并且执行遍历
                for (let i in target) {
                    // 递归克隆数组中的每一项
                    result.push(deepClone(target[i]))
                }
             // 判断如果当前的值是null的话；直接赋值为null
            } else if(target===null) {
                result = null;
             // 判断如果当前的值是一个RegExp对象的话，直接赋值    
            } else if(target.constructor===RegExp){
                result = target;
            }else {
             // 否则是普通对象，直接for in循环，递归赋值对象的所有值
                result = {};
                for (let i in target) {
                    result[i] = deepClone(target[i]);
                }
            }
         // 如果不是对象的话，就是基本数据类型，那么直接赋值
        } else {
            result = target;
        }
         // 返回最终结果
        return result;
    }
    
    let obj1 = {
        a: {
            c: /a/,
            d: undefined,
            b: null
        },
        b: function () {console.log(this.a)},
        c: [
            {
                a: 'c',
                b: /b/,
                c: undefined
            },
            'a',
            3
        ]
    }
    let obj2 = deepClone(obj1);
    obj2.c[0].a='哈哈'
    
    console.log(obj1.c[0].a);  //c
    console.log(obj2.c[0].a);  //哈哈

发表评论取消回复

表情：

评论列表（有 0 条评论，349人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript深拷贝（js深拷贝，JavaScript递归函数，实现深拷贝）

简述：JavaScript的深拷贝和浅拷贝大家都比较熟悉，今天来分享下深拷贝，就是使用该函数时，会复制拷贝一份该数据，修改该数据属性，不会改变原有数据，就是把复制的对象所引用

╰+哭是因爲堅強的太久メ/ 2023年10月02日 23:03/ 0 赞/ 29 阅读

相关 js 深拷贝

//深拷贝(deepClone) function deepClone(data){ var type = getType(data);

约定不等于承诺〃/ 2023年03月13日 13:55/ 0 赞/ 19 阅读

相关 JS深拷贝

一、简单介绍 JS中，数据类型分为基本数据类型和引用数据类型。基本数据类型的值是存储在栈内存中的；而引用数据类型的值是存储在堆内存中的，栈中只存储对象在堆中的内存地址

电玩女神/ 2023年02月21日 11:57/ 0 赞/ 140 阅读

相关 js 深拷贝

var deepClone = function(obj)\{ if(obj == null) return null; if(typeof obj !

秒速五厘米/ 2023年02月18日 05:26/ 0 赞/ 20 阅读

相关浅析JS深拷贝

常用的拷贝方案： `JSON.parse(JSON.stringfily())` `Object.assign()` 递归实现 `JSON.parse(

左手的ㄟ右手/ 2023年01月13日 09:35/ 0 赞/ 266 阅读

相关前端---JS深拷贝

<html> <head> </head> <body> </body> </html>

清疚/ 2022年12月06日 15:16/ 0 赞/ 288 阅读

相关 js 对象拷贝的三种方法，深拷贝函数。

js 对象拷贝的三种方法以下面数据格式obj 为主： const obj = { data: 1, un: undefine

不念不忘少年蓝@/ 2022年10月04日 15:50/ 0 赞/ 373 阅读

相关 js 深拷贝函数

// 定义一个深拷贝函数接收目标target参数 function deepClone(target) { // 定义一个变量

淡淡的烟草味﹌/ 2022年09月08日 04:58/ 0 赞/ 350 阅读

相关拷贝构造函数深拷贝浅拷贝

也许很多C++的初学者都知道什么是构造函数，但是对复制构造函数（copy constructor）却还很陌生。对于我来说，在写代码的时候能用得上复制构造函数的机会并不多，不过这

超、凢脫俗/ 2022年06月13日 09:08/ 0 赞/ 437 阅读

相关 js深拷贝浅拷贝

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

朱雀/ 2021年08月31日 14:35/ 0 赞/ 643 阅读