前端JavaScript深拷贝的三种方法，看了不后悔！！！

2022/4/21 20:12:35

编程Tag： javascript 前端 JSON stringify 拷贝 const obj2 obj1 cloneDeep

本文主要是介绍前端JavaScript深拷贝的三种方法，看了不后悔！！！，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

深拷⻉

深拷⻉开辟⼀个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改⼀个对象的属性，不会改变另⼀个对象的属性

常⻅的深拷⻉⽅式有：

_.cloneDeep()
jQuery.extend()
JSON.stringify()

1. _.cloneDeep()

点击查看代码

const _ = require('lodash');
const obj1 = {
 a: 1,
 b: { f: { g: 1 } },
 c: [1, 2, 3]
};
const obj2 = _.cloneDeep(obj1);
console.log(obj1.b.f === obj2.b.f);// false

2. jQuery.extend()

点击查看代码

const $ = require('jquery');
const obj1 = {
 a: 1,
 b: { f: { g: 1 } },
 c: [1, 2, 3]
};
const obj2 = $.extend(true, {}, obj1);
console.log(obj1.b.f === obj2.b.f); // false

3. JSON.stringify()

点击查看代码

但是这种⽅式存在弊端，会忽略 undefined 、 symbol 和 函数
const obj2=JSON.parse(JSON.stringify(obj1));
const obj = {
 name: 'A',
 name1: undefined,
 name3: function() {},
 name4: Symbol('A')
}
const obj2 = JSON.parse(JSON.stringify(obj));
console.log(obj2); // {name: "A"}

这篇关于前端JavaScript深拷贝的三种方法，看了不后悔！！！的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

前端JavaScript深拷贝的三种方法，看了不后悔！！！

深拷⻉

深拷⻉开辟⼀个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改⼀个对象的属性，不会 改变另⼀个对象的属性

常⻅的深拷⻉⽅式有：

相关编程文章

深拷⻉开辟⼀个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改⼀个对象的属性，不会改变另⼀个对象的属性