當(dāng)前位置：首頁(yè) > 千鋒問(wèn)問(wèn) > JS實(shí)現(xiàn)深拷貝復(fù)制的方法有哪些

JS實(shí)現(xiàn)深拷貝復(fù)制的方法有哪些

匿名提問(wèn)者 2023-03-14 16:26:00

JS實(shí)現(xiàn)深拷貝復(fù)制的方法有哪些

我要提問(wèn)

推薦答案

小鋒 2023-03-14 16:26:00

本回答由問(wèn)問(wèn)達(dá)人推薦

　　實(shí)現(xiàn)深拷貝有多種方式，這里提供幾種常見(jiàn)的方法：

　　方法一：遞歸復(fù)制

　　遞歸復(fù)制是一種簡(jiǎn)單但是常用的深拷貝實(shí)現(xiàn)方式。基本思路是遍歷對(duì)象的每個(gè)屬性，如果屬性值是一個(gè)對(duì)象，則遞歸調(diào)用該方法進(jìn)行復(fù)制。

　　function deepClone(obj) {

　　// 判斷是否是引用類型

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

　　return obj;

　　}

　　let result;

　　if (Array.isArray(obj)) {

　　result = [];

　　for (let i = 0; i < obj.length; i++) {

　　result.push(deepClone(obj[i]));

　　}

　　} else {

　　result = {};

　　for (let key in obj) {

　　result[key] = deepClone(obj[key]);

　　}

　　return result;

　　}

　　方法二：使用 JSON 對(duì)象

　　如果數(shù)據(jù)不包含函數(shù)、循環(huán)引用等特殊情況，可以使用 JSON 對(duì)象的 stringify 和 parse 方法來(lái)實(shí)現(xiàn)深拷貝。該方法的基本思路是將對(duì)象序列化為 JSON 字符串，再將 JSON 字符串反序列化為新的對(duì)象。

　　function deepClone(obj) {

　　return JSON.parse(JSON.stringify(obj));

　　}

　　需要注意的是，該方法不能正確處理函數(shù)、循環(huán)引用等特殊情況。

　　方法三：使用第三方庫(kù)

　　如果項(xiàng)目中使用了第三方庫(kù)，可以使用該庫(kù)提供的深拷貝方法，如 Lodash 庫(kù)提供的 cloneDeep 方法。

　　const _ = require('lodash');

　　const obj = { a: 1, b: { c: 2 } };

　　const clonedObj = _.cloneDeep(obj);

　　使用第三方庫(kù)的優(yōu)點(diǎn)是不需要自己實(shí)現(xiàn)深拷貝方法，可以直接調(diào)用現(xiàn)成的方法。但是需要注意庫(kù)的引入和使用方法。

其他答案

匿名用戶 2023-03-14 16:26:00

　　進(jìn)行深拷貝的方法：遞歸函數(shù) (推薦使用，項(xiàng)目中使用的更多，更小，更安全)JSON.stringify() 和JSON.parse() ; (不推薦使用,如果遇到Function,Date等類型的變量容易出現(xiàn)一些意料之外的問(wèn)題)，第三方庫(kù)lodash的cloneDeep()方法 (就情況而定，如果項(xiàng)目中原先就有l(wèi)odash這個(gè)第三方庫(kù)，可以使用，否則還是推薦使用遞歸函數(shù)。不然成本太高。)，JQuery的extend()函數(shù) (推薦在JQuery項(xiàng)目中使用，其他項(xiàng)目依然推薦是用遞歸函數(shù))
匿名用戶 2023-03-14 16:26:00

　　JavaScript中的對(duì)象賦值操作是淺拷貝，即當(dāng)使用賦值操作符(=)將一個(gè)對(duì)象賦值給另一個(gè)對(duì)象時(shí)，實(shí)際上是將它們的引用指向了同一個(gè)對(duì)象。如果修改其中一個(gè)對(duì)象的屬性，另一個(gè)對(duì)象的屬性也會(huì)隨之改變，為了避免這種情況，可以使用深拷貝復(fù)制一個(gè)對(duì)象，即將一個(gè)對(duì)象及其所有屬性的副本復(fù)制到一個(gè)新對(duì)象中。