成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

理解JavaScript中的淺拷貝與深拷貝

開發(fā) 后端
本文給大家介紹JavaScript中的淺拷貝與深拷貝

 淺拷貝
在使用JavaScript對數(shù)組進行操作的時候,如果只是簡單的將它賦予其他變量,那么我們只要更改其中的任何一個,然后其他的也會跟著改變,這就導致了問題的發(fā)生

var arr = ['aa','bb','cc'];

var arr2 = arr;

arr2[0] = '新來的';

console.log(arr);//輸出 '新來的','bb','cc'

由此可見對數(shù)組arr2進行修改時,而arr內(nèi)數(shù)據(jù)也會隨之改變。這種直接賦值的方式就是淺拷貝現(xiàn)象。那到底是為什么呢?

因為JavaScript存儲對象都是存地址的,所以淺復制會導致 arr 和 arr2 指向同一塊內(nèi)存地址,大概的示意圖如下。

所以當修改arr2中的數(shù)據(jù)時,由于arr也指向此處,所以arr的數(shù)據(jù)也就被“修改了”。

深拷貝
一般都是開辟一塊新的內(nèi)存地址,將原對象的各個屬性逐個復制出去。如下圖所示


所以當修改arr2中的數(shù)據(jù)時,由于arr與arr2地址不同,所以arr的數(shù)據(jù)還是原來的。

數(shù)組的深拷貝
var arr = ['aa','bb','cc'];

var arr2 = arr.slice(0);

arr2[0] = "新來的";

console.log(arr);//輸出:數(shù)組的原始值:'aa','bb','cc'

console.log(arr2);//輸出:數(shù)組的新值:'新來的','bb','cc'

Json的深拷貝
在這里利用JSON下的兩個方法來實現(xiàn)對象的深拷貝。

var json = {a:12,b:5};

var str = JSON.stringify(json);//這里將json內(nèi)的數(shù)據(jù)轉(zhuǎn)換成一個字符串存起來

var json2 = JSON.parse(str);//這里將字符串的內(nèi)容"還原"成原來的"面目"

console.log(json2);//輸出 {a:12,b:5}

總結
其實在js中還有很多方法能進行深拷貝,例如利用數(shù)組下的cancat方法;對Json進行遍歷然后給新的對象等等。

補充
以上只考慮了純數(shù)組或者純對象(json串)的情況,當互相嵌套時確實有問題,經(jīng)過查閱資料找到了一個函數(shù)

function cloneObject( obj, deep ){

if ( obj === null || obj === undefined || typeof (obj) !== 'object' ){

return obj;

}

var deep = !!deep;

var cloned = null;

if ( obj.constructor === Array ){

if ( deep === false ) return obj;

cloned = [];

for ( var i in obj ){

cloned.push( cloneObject( obj[i], deep ) );

}

return cloned;

}

cloned = {};

for ( var i in obj ){

cloned[i] = deep ? cloneObject( obj[i], true ) : obj[i];

}

return cloned;

}

var arr = [1, 3, 5, {a: 5}]

var newArr =cloneObject(arr,true);

newArr[3].a = 9

console.log(arr, newArr)

責任編輯:姜華 來源: 今日頭條
相關推薦

2021-07-16 12:33:24

Javascript深拷貝淺拷貝

2018-05-10 14:20:18

前端JavaScript深拷貝

2024-03-15 15:03:23

2009-05-19 17:28:44

深拷貝淺拷貝clone()

2023-05-17 08:42:46

深拷貝Golang

2020-06-23 08:41:47

JavaScript開發(fā)技術

2025-04-27 09:45:58

JavaScript深拷貝淺拷貝

2018-09-26 14:37:17

JavaScript前端編程語言

2021-01-08 06:15:09

深拷貝淺拷貝寫時拷貝

2024-04-17 09:01:08

Python深拷貝淺拷貝

2017-08-16 13:30:05

Java深拷貝淺拷貝

2017-05-24 11:54:55

Javascript深拷貝

2019-02-25 08:58:16

Python深拷貝淺拷貝

2022-11-07 11:37:27

深拷貝淺拷貝底層

2024-02-05 22:56:16

C++拷貝開發(fā)

2021-09-27 11:07:11

深拷貝淺拷貝內(nèi)存

2022-07-26 08:07:03

Python淺拷貝深拷貝

2023-09-22 12:21:33

Python深拷貝淺拷貝

2020-08-03 08:24:26

原型模式拷貝

2023-05-08 09:00:46

JSON深拷貝對象
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 成人精品一区亚洲午夜久久久 | 91麻豆精品国产91久久久久久 | 欧美二区乱c黑人 | 国产激情在线 | 色综合天天综合网国产成人网 | 日韩中文字幕视频 | 日韩小视频在线 | 久草在线高清 | 日韩精品视频在线免费观看 | 亚洲一区二区三区四区五区中文 | 午夜免费福利片 | 亚洲精品丝袜日韩 | 国产精品亚洲一区二区三区在线 | 中文在线一区二区 | 国产精品久久久久久久久久免费看 | av大片 | 97国产精品视频人人做人人爱 | 在线观看成人 | 特级毛片www | www.奇米| 另类视频在线 | 成人av一区 | 五月婷婷激情 | 久久最新| 91精品国产一区二区三区 | 日韩成人免费 | 成人影院在线观看 | 欧美中文字幕一区二区三区 | 亚洲+变态+欧美+另类+精品 | 国产高清视频在线 | 亚洲网站在线观看 | 国产黄色精品在线观看 | 久久精品日产第一区二区三区 | 亚洲一区二区在线免费观看 | 欧美区日韩区 | 国外成人在线视频 | 看av网址| 日韩av在线中文字幕 | 亚洲精品一区二区另类图片 | 欧美黄色性生活视频 | 99re在线视频 |