JavaScript基于遍歷操作實現(xiàn)對象深拷貝功能示例

更新時間：2019年03月05日 10:33:07 作者：白楊-M

這篇文章主要介紹了JavaScript基于遍歷操作實現(xiàn)對象深拷貝功能,涉及javascript元素遍歷與屬性操作相關實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了JavaScript基于遍歷操作實現(xiàn)對象深拷貝功能。分享給大家供大家參考，具體如下：

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]);

測試結果