当前位置:Gxlcms > JavaScript > js深拷贝实例探讨

js深拷贝实例探讨

时间:2021-07-01 10:21:17 帮助过:5人阅读

深度拷贝就是把父对象拷贝到子对象上,而且两者的内存和以后的操作都互不影响的拷贝,本文主要和大家分享js深拷贝实例探讨,希望能帮助到大家。

(1)方法1

function copy(obj1,obj2){
  var obj2=obj2||{}; 
  for(var name in obj1){    if(typeof obj1[name] === "object"){ //先判断一下obj[name]是不是一个对象
      obj2[name]= (obj1[name].constructor===Array)?[]:{}; 
      copy(obj1[name],obj2[name]); //然后来无限递归
    }else{
      obj2[name]=obj1[name];  //如果不是对象,直接赋值。
    }
  }  return obj2; 
}

使用方法:

var obj1 = {
    se:[{a:1,b:2},{c:3}],
    sa:{a:"g"},
    sc:function(){console.log(1)}
}var n_obj = copy(obj1,{})
console.log(n_obj)

(2)方法2

function d_clone(obj) {
    return Object.getPrototypeOf(Object.create(obj));
}

使用方法:

var obj1 = {
    se:[{a:1,b:2},{c:3}],
    sa:{a:"g"},
    sc:function(){console.log(1)}
}var n2_obj = d_clone(obj1);
console.log(n2_obj)

(3)方法3

JSON.parse(JSON.stringify(obj)

说明:obj的属性中不能含有函数。

(1)方法1

function copy(obj1,obj2){
  var obj2=obj2||{}; 
  for(var name in obj1){    if(typeof obj1[name] === "object"){ //先判断一下obj[name]是不是一个对象
      obj2[name]= (obj1[name].constructor===Array)?[]:{}; 
      copy(obj1[name],obj2[name]); //然后来无限递归
    }else{
      obj2[name]=obj1[name];  //如果不是对象,直接赋值。
    }
  }  return obj2; 
}

使用方法:

var obj1 = {
    se:[{a:1,b:2},{c:3}],
    sa:{a:"g"},
    sc:function(){console.log(1)}
}var n_obj = copy(obj1,{})
console.log(n_obj)

(2)方法2

function d_clone(obj) {
    return Object.getPrototypeOf(Object.create(obj));
}

使用方法:

var obj1 = {
    se:[{a:1,b:2},{c:3}],
    sa:{a:"g"},
    sc:function(){console.log(1)}
}var n2_obj = d_clone(obj1);
console.log(n2_obj)

(3)方法3

JSON.parse(JSON.stringify(obj)

说明:obj的属性中不能含有函数。

相关推荐:

相关推荐:

深入理解JavaScript深拷贝性能

什么是js深拷贝和浅拷贝及其实现方式

JavaScript浅拷贝与深拷贝的区别

以上就是js深拷贝实例探讨的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行