前端---JS深拷贝

清疚 2022-12-06 15:16 130阅读 0赞

<html>
    	<head>
    	
    	</head>
    	<body>
    	
    	</body>
    </html>
    
    <script>
    	
    	function deepCopy(target){
            let result;
            if (typeof target === 'object') {       //对象类型
                if (Array.isArray(target)) {        //数组
                    result = []; 
                    for (let i in target) {
                        result.push(deepCopy(target[i]))
                    }
                } else if(target===null) {          //null
                    result = null;
                } else if(target.constructor===RegExp){
                    result = target;
                }else {
                    result = {}; 
                    for (let i in target) {
                        result[i] = deepCopy(target[i]);
                    }
                }
            } else {                                 //基本数据类型
                result = target;
            }
            return result;
        }
    	
    	
    	
    	//测试
    	var object = {						//原对象
    		name : 'LRT',
    		age : 24,
    		obj : {
    			address : 'SH'
    		},
    	};
    	
    	var resuObj = deepCopy(object);		//深拷贝的对象
    	resuObj.age = 23;
    	resuObj.obj.address = 'BJ';
    	
    	
    	console.log(object);
    	console.log(resuObj);
    	
    </script>

发表评论取消回复

表情：

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

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

相关阅读

相关 JS实现深拷贝

[JS实现深拷贝][JS] 一、赋值、浅拷贝与深拷贝的区别 ![format_png][] 二、深拷贝的方法 1.JSON转换 var

桃扇骨/ 2023年06月16日 08:08/ 0 赞/ 15 阅读

相关浅析JS深拷贝

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

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

相关前端---JS深拷贝

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

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

相关前端深拷贝和浅拷贝

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

男娘i/ 2022年10月19日 12:51/ 0 赞/ 95 阅读

相关 js 深拷贝函数

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

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

相关 js深拷贝和浅拷贝

一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然

清疚/ 2022年07月14日 14:52/ 0 赞/ 194 阅读

相关 js深拷贝与浅拷贝

基础扩展 js的数据类型可分为两种：基本类型引用类型 \- 基本类型： Undefined Null Boolean Number String \- 引用类型

本是古典何须时尚/ 2022年02月04日 13:19/ 0 赞/ 236 阅读

相关 js深拷贝与浅拷贝

JavaScript的数据类型分为基本数据类型和引用数据类型。深浅拷贝都是对于引用数据类型而言的,复杂的引用类型将地址存在 Stack 里,数据存在 Heap 浅拷贝即直接使

喜欢ヅ旅行/ 2022年01月20日 00:53/ 0 赞/ 229 阅读

相关 js深拷贝浅拷贝

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

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

相关 js深拷贝与浅拷贝

let obj1 = { age: 12, bobby: { play: '打篮球'

小咪咪/ 2021年08月24日 17:25/ 0 赞/ 375 阅读