本文實例講述了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代碼運行工具:http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《javascript面向對象入門教程》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答