当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript基于遍历操作实现对象深拷贝功能示例

JavaScript基于遍历操作实现对象深拷贝功能示例

2019年05月28日  | 移动技术网IT编程  | 我要评论

本文实例讲述了javascript基于遍历操作实现对象深拷贝功能。分享给大家供大家参考，具体如下：

function gettype(o){
  var _t;
  return ((_t = typeof(o)) == "object" ? o==null && "null" || object.prototype.tostring.call(o).slice(8,-1):_t).tolowercase();
}
function extend(destination,source){
  for(var p in source){
    if(gettype(source[p])=="array"||gettype(source[p])=="object"){
      destination[p]=gettype(source[p])=="array"?[]:{};
      arguments.callee(destination[p],source[p]);
    }else{
      destination[p]=source[p];
    }
  }
}
var test={
  a:"ss",
  b:"dd",
  c:[
    {d:"css",e:"cdd"},
    {
      m:"ff",
      n:[
        {kk:"11",jj:"22"},
        {ll:"44"}
      ]
    }
  ]
};
var test1={};
extend(test1,test);
console.log(test);
console.log(test1);
test1.c[1].n[0].kk="change"; //改变test1的c属性对象的d属性
console.log(test);
console.log(test1);
console.log(test.c[1].n[0]);
console.log(test1.c[1].n[0]);

测试结果

从测试结果可以看到，通过使用这个遍历的方法，成功将对象test深拷贝复制一份，得到test1。并且更改test1对象的属性，并不会对test对象产生影响。

感兴趣的朋友可以使用在线html/css/javascript代码运行工具：测试上述代码运行效果。

更多关于javascript相关内容可查看本站专题：《javascript面向对象入门教程》、《javascript切换特效与技巧总结》、《javascript查找算法技巧总结》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结》

希望本文所述对大家javascript程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网