克隆javascript對象的三個方法小結
更新時間：2011年01月12日 20:01:25 作者：
克隆javascript對象的三個方法整理，需要的朋友可以參考下。
方法一
function clone(obj){
var o;
switch(typeof obj){
case 'undefined': break;
case 'string' : o = obj + '';break;
case 'number' : o = obj - 0;break;
case 'boolean' : o = obj;break;
case 'object' :
if(obj === null){
o = null;
}else{
if(obj instanceof Array){
o = [];
for(var i = 0, len = obj.length; i < len; i++){
o.push(clone(obj[i]));
}
}else{
o = {};
for(var k in obj){
o[k] = clone(obj[k]);
}
}
}
break;
default:
o = obj;break;
}
return o;
}
方法二
function clone2(obj){
var o, obj;
if (obj.constructor == Object){
o = new obj.constructor();
}else{
o = new obj.constructor(obj.valueOf());
}
for(var key in obj){
if ( o[key] != obj[key] ){
if ( typeof(obj[key]) == 'object' ){
o[key] = clone2(obj[key]);
}else{
o[key] = obj[key];
}
}
}
o.toString = obj.toString;
o.valueOf = obj.valueOf;
return o;
}
方法三
function clone3(obj){
function Clone(){}
Clone.prototype = obj;
var o = new Clone();
for(var a in o){
if(typeof o[a] == "object") {
o[a] = clone3(o[a]);
}
}
return o;
}
復制代碼 代碼如下:
function clone(obj){
var o;
switch(typeof obj){
case 'undefined': break;
case 'string' : o = obj + '';break;
case 'number' : o = obj - 0;break;
case 'boolean' : o = obj;break;
case 'object' :
if(obj === null){
o = null;
}else{
if(obj instanceof Array){
o = [];
for(var i = 0, len = obj.length; i < len; i++){
o.push(clone(obj[i]));
}
}else{
o = {};
for(var k in obj){
o[k] = clone(obj[k]);
}
}
}
break;
default:
o = obj;break;
}
return o;
}
方法二
復制代碼 代碼如下:
function clone2(obj){
var o, obj;
if (obj.constructor == Object){
o = new obj.constructor();
}else{
o = new obj.constructor(obj.valueOf());
}
for(var key in obj){
if ( o[key] != obj[key] ){
if ( typeof(obj[key]) == 'object' ){
o[key] = clone2(obj[key]);
}else{
o[key] = obj[key];
}
}
}
o.toString = obj.toString;
o.valueOf = obj.valueOf;
return o;
}
方法三
復制代碼 代碼如下:
function clone3(obj){
function Clone(){}
Clone.prototype = obj;
var o = new Clone();
for(var a in o){
if(typeof o[a] == "object") {
o[a] = clone3(o[a]);
}
}
return o;
}
相關文章
這篇文章主要介紹了JS中substring與substr的用法講解，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-11-11
當頁面特別長的時候，用戶想回到頁面頂部，必須得滾動好幾次滾動鍵才能回到頂部，如果在頁面右下角有個“返回頂部”的按鈕，用戶點擊一下，就可以回到頂部，對于用戶來說，是一個比較好的體驗。2015-05-05
JavaScript 調試器其實有很多。當然這些僅僅是調試器而已，與流行的 Java IDE 是沒有辦法相提并論的。2009-02-02
這篇文章主要為大家詳細介紹了JavaScript canvas仿代碼流瀑布，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
在實際應用中，常常需要為拖拽的元素限定范圍。而通過限定范圍，再增加一些輔助的措施，就可以實現磁性吸附的效果。本文將詳細介紹javascript的磁性吸附，有需要的朋友可以參考借鑒。2016-12-12
這篇文章主要為大家詳細介紹了js實現簡易聊天對話框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了通過js實現壓縮圖片上傳功能,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
今天項目中突然遇到了不太明白的寫法,下面這篇文章主要給大家介紹了關于JavaScript中.?、??、??=的用法以及含義的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
控制打印時頁眉角的代碼...2007-02-02
javascript深拷貝是初學者甚至有經驗的開發(fā)著,都會經常遇到問題,下面這篇文章主要給大家介紹了關于JavaScript深拷貝的幾種實現方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05