溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JS對(duì)象深度克隆實(shí)例分析

發(fā)布時(shí)間：2020-09-05 20:41:37 來(lái)源：腳本之家 閱讀：128 作者：yxz_turing 欄目：web開(kāi)發(fā)

本文實(shí)例講述了JS對(duì)象深度克隆。分享給大家供大家參考，具體如下：

首先看一個(gè)例子：

var student = {
  name:"yxz",
  age:25
}
var newStudent = student;
newStudent.sex = "male";
console.log(student); //{name:"yxz",age:25,sex:"male"}

由此可見(jiàn)，將一個(gè)對(duì)象通過(guò)簡(jiǎn)單的傳遞賦值傳遞給一個(gè)新的變量時(shí)，僅僅是給該對(duì)象增添了一個(gè)別名。所以，對(duì)該別名的操作也會(huì)作用到原對(duì)象上去，所以通過(guò)newStudent.sex給對(duì)象student添加屬性可以實(shí)現(xiàn)。然而，更多的時(shí)候我們希望newStudent和student對(duì)象是獨(dú)立的，那么就需要生成一個(gè)原對(duì)象的副本，請(qǐng)看下面的例子：

var cloneObj = function(obj){
  var str, newobj = obj.constructor === Array ? [] : {};
  if(typeof obj !== 'object'){
    return;
  } else if(window.JSON){
    str = JSON.stringify(obj), //序列化對(duì)象
    newobj = JSON.parse(str); //還原
  } else {
    for(var i in obj){
      newobj[i] = typeof obj[i] === 'object' ? cloneObj(obj[i]) : obj[i]; 
    }
  }
  return newobj;
};
//測(cè)試
var student = {
  name:"yxz",
  age:25,
  sex:"male"
};
//執(zhí)行深度克隆
var newStudent = cloneObj(student);
delete newStudent.sex;
console.log(newStudent); //{name:"yxz",age:25}
console.log(student); //{name:"yxz",age:25,sex:"male"}

通過(guò)執(zhí)行結(jié)果可以看出newStudent已經(jīng)成為了一個(gè)克隆出來(lái)的副本，對(duì)newStudent的任何操作將不再影響student對(duì)象。

備注：JSON.stringify和parse分別為JSON對(duì)象的序列化和反序列化函數(shù)，即分別負(fù)責(zé)將對(duì)象序列化成字符串和將json字符串反序列化成對(duì)象，因?yàn)檫@個(gè)是屬于ECMAScript5規(guī)范，所以上面程序標(biāo)注部分做了一個(gè)兼容處理。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手