JavaScript之深度拷贝（递归方法）

最新推荐文章于 2024-09-15 20:31:42 发布

原创最新推荐文章于 2024-09-15 20:31:42 发布 · 363 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

33 篇文章

订阅专栏

JavaScript

23 篇文章

订阅专栏

本文深入探讨了JavaScript中深拷贝的实现方法，通过一个具体示例详细讲解了如何递归复制对象和数组，确保原始数据与拷贝数据完全独立。

步骤：

判断是不是原始值（typeof() 如果不是obj基本上就是原始值）
判断是数组还是对象（使用 instanceof toString constructor推荐使用toString）
建立相应的数组或者对象

例子：将obj拷贝到obj1中去

var obj = {
  name : "abc",
  age : 123,
  card : ["hahoa", "mastrek"],
  wife : {
    name : "bcd",
    son : {
      name : "aaa"
    }
  }
}
var obj1 = {
   
    }
function deepClone(origin,target){
			  var target = target || {},  //判断是否有值传入
			      toStr = Object.prototype.toString,
			      arrStr = '[object Array]';
			  for(var prop in origin){
			    if (origin.hasOwnProperty(prop)){
			      if(origin[prop] !== null && (typeof(origin[prop])) === 'object'){
					   if(toString.call(origin[prop]) === arrStr){
          					target[prop] = [];
        				}else{
          					target[prop] = {};
        					}         
					   deepClone(origin[prop],target[prop]);
					}else{
				       target[prop] = origin [prop];
						}
					}
				}
			  return target;
			}