JSON.parse(JSON.stringify(obj)) 假深拷貝的漏點

在js中侦香,怎么用一行代碼實現(xiàn)深拷貝刻获?它可以實現(xiàn): JSON.parse(JSON.stringify(obj))罐脊。
這行代碼的運行過程承绸,就是利用 JSON.stringify 將js對象序列化(JSON字符串)褐望,再使用JSON.parse來反序列化(還原)js對象勒庄;序列化的作用是存儲和傳輸。(對象本身存儲的是一個地址映射瘫里,如果斷電实蔽,對象將不存在,所以要將對象的內(nèi)容轉(zhuǎn)換成字符串的形式再保存在磁盤上)
不過谨读,這種實現(xiàn)深拷貝的方法有局限性局装,它只適用于一般數(shù)據(jù)的拷貝(對象、數(shù)組)漆腌,有以下情況需要注意:

1.如果json里面有時間對象贼邓,則序列化結(jié)果:時間對象=>字符串的形式;

let obj = {
    age: 18,
    date: new Date()
};
let objCopy = JSON.parse(JSON.stringify(obj));
console.log('obj', obj);
console.log('objCopy', objCopy);
console.log(typeof obj.date); // object
console.log(typeof objCopy.date); // string
clipboard.png

2.如果json里有RegExp闷尿、Error對象塑径,則序列化的結(jié)果將只得到空對象 RegExp、Error => {}填具;

let obj = {
    age: 18,
    reg: new RegExp('\\w+'),
    err: new Error('error message')
};
let objCopy = JSON.parse(JSON.stringify(obj));
console.log('obj', obj);
console.log('objCopy', objCopy);
clipboard.png

3.如果json里有 function,undefined统舀,則序列化的結(jié)果會把 function,undefined 丟失;

let obj = {
    age: 18,
    fn: function () {
        console.log('fn');
    },
    hh: undefined
};
let objCopy = JSON.parse(JSON.stringify(obj));
console.log('obj', obj);
console.log('objCopy', objCopy);
clipboard.png

4.如果json里有NaN劳景、Infinity和-Infinity誉简,則序列化的結(jié)果會變成null;

let obj = {
    age: 18,
    hh: NaN,
    isInfinite: 1.7976931348623157E+10308,
    minusInfinity: -1.7976931348623157E+10308
};
let objCopy = JSON.parse(JSON.stringify(obj));
console.log('obj', obj);
console.log('objCopy', objCopy);
clipboard.png

5.如果json里有對象是由構(gòu)造函數(shù)生成的盟广,則序列化的結(jié)果會丟棄對象的 constructor闷串;

function Person(name) {
    this.name = name;
}
let obj = {
    age: 18,
    p1: new Person('lxcan')
};
let objCopy = JSON.parse(JSON.stringify(obj));
console.log('obj', obj);
console.log('objCopy', objCopy);
console.log(obj.p1.__proto__.constructor === Person); // true
console.log(objCopy.p1.__proto__.constructor === Object); // true
clipboard.png

6.如果對象中存在循環(huán)引用的情況也無法實現(xiàn)深拷貝

let obj = {
    age: 18
};
obj.obj = obj;
let objCopy = JSON.parse(JSON.stringify(obj));
console.log('obj', obj);
console.log('objCopy', objCopy);
clipboard.png

以上,如果拷貝的對象不涉及上面的情況筋量,可以使用 JSON.parse(JSON.stringify(obj)) 實現(xiàn)深拷貝烹吵。
關(guān)于js深拷貝的相關(guān)知識以及更多解決方案碉熄,可以閱讀這篇文章 深拷貝的終極探索(99%的人都不知道)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市肋拔,隨后出現(xiàn)的幾起案子锈津,更是在濱河造成了極大的恐慌,老刑警劉巖凉蜂,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件琼梆,死亡現(xiàn)場離奇詭異,居然都是意外死亡窿吩,警方通過查閱死者的電腦和手機茎杂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來纫雁,“玉大人蛉顽,你說我怎么就攤上這事∠冉希” “怎么了?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵悼粮,是天一觀的道長闲勺。 經(jīng)常有香客問我,道長扣猫,這世上最難降的妖魔是什么菜循? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮申尤,結(jié)果婚禮上癌幕,老公的妹妹穿的比我還像新娘。我一直安慰自己昧穿,他們只是感情好勺远,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著时鸵,像睡著了一般胶逢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饰潜,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天初坠,我揣著相機與錄音,去河邊找鬼彭雾。 笑死碟刺,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的薯酝。 我是一名探鬼主播半沽,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼爽柒,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了抄囚?” 一聲冷哼從身側(cè)響起霉赡,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎幔托,沒想到半個月后穴亏,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡重挑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年嗓化,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谬哀。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡刺覆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出史煎,到底是詐尸還是另有隱情谦屑,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布篇梭,位于F島的核電站氢橙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏恬偷。R本人自食惡果不足惜悍手,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望袍患。 院中可真熱鬧坦康,春花似錦、人聲如沸诡延。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽孕暇。三九已至仑撞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間妖滔,已是汗流浹背隧哮。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留座舍,地道東北人沮翔。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像曲秉,于是被迫代替她去往敵國和親采蚀。 傳聞我的和親對象是個殘疾皇子疲牵,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內(nèi)容