深入理解JavaScript中的對(duì)象復(fù)制(Object Clone)
JavaScript中并沒(méi)有直接提供對(duì)象復(fù)制(Object Clone)的方法。因此下面的代碼中改變對(duì)象b的時(shí)候,也就改變了對(duì)象a。
a = {k1:1, k2:2, k3:3};
b = a;
b.k2 = 4;
如果只想改變b而保持a不變,就需要對(duì)對(duì)象a進(jìn)行復(fù)制。
用jQuery進(jìn)行對(duì)象復(fù)制
在可以使用jQuery的情況下,jQuery自帶的extend方法可以用來(lái)實(shí)現(xiàn)對(duì)象的復(fù)制。
a = {k1:1, k2:2, k3:3};
b = {};
$.extend(b,a);
自定義clone()方法來(lái)實(shí)現(xiàn)對(duì)象復(fù)制
下面的方法,是對(duì)象復(fù)制的基本想法。
Object.prototype.clone = function() {
var copy = (this instanceof Array) ? [] : {};
for (attr in this) {
if (!obj.hasOwnProperty(attr)) continue;
copy[attr] = (typeof this[i] == "object")?obj[attr].clone():obj[attr];
}
return copy;
};
a = {k1:1, k2:2, k3:3};
b = a.clone();
下面的例子則考慮的更全面些,適用于大部分對(duì)象的深度復(fù)制(Deep Copy)。
function clone(obj) {
// Handle the 3 simple types, and null or undefined
if (null == obj || "object" != typeof obj) return obj;
// Handle Date
if (obj instanceof Date) {
var copy = new Date();
copy.setTime(obj.getTime());
return copy;
}
// Handle Array
if (obj instanceof Array) {
var copy = [];
for (var i = 0, var len = obj.length; i < len; ++i) {
copy[i] = clone(obj[i]);
}
return copy;
}
// Handle Object
if (obj instanceof Object) {
var copy = {};
for (var attr in obj) {
if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
}
return copy;
}
throw new Error("Unable to copy obj! Its type isn't supported.");
}
以上這篇深入理解JavaScript中的對(duì)象復(fù)制(Object Clone)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript學(xué)習(xí)筆記(五)正則表達(dá)式
正則表達(dá)式在web開(kāi)發(fā)中會(huì)經(jīng)常用到,主要用于驗(yàn)證用戶(hù)輸入的數(shù)據(jù)的格式。2011-04-04
以Python代碼實(shí)例展示kNN算法的實(shí)際運(yùn)用
這篇文章主要介紹了以Python代碼實(shí)例展示kNN算法的實(shí)際運(yùn)用,這里舉了一個(gè)用來(lái)預(yù)測(cè)豆瓣電影用戶(hù)的性別的例子,需要的朋友可以參考下2015-10-10
bgsound 背景音樂(lè) 的一些常用方法及特殊用法小結(jié)
以下的文章是好幾年前收集的,已經(jīng)不記得是從哪里復(fù)制的了;但在這里還是對(duì)原創(chuàng)者表示感謝!2010-05-05
JavaScript中的正則表達(dá)式簡(jiǎn)明總結(jié)
這篇文章主要介紹了JavaScript中的正則表達(dá)式,簡(jiǎn)明總結(jié)了正則中的語(yǔ)法含義和RegExp對(duì)象,需要的朋友可以參考下2014-04-04
document.write與writeln的輸出內(nèi)容區(qū)別說(shuō)明
document.write()和document.writeln都是JavaScript向客戶(hù)端寫(xiě)入的方法,writeln是以行方式輸出的,但并不是指頁(yè)面實(shí)際效果中的換行,兩種方法在查看源代碼時(shí)才看得出區(qū)別。2010-10-10

