编程语言
首页 > 编程语言> > 前端JavaScript深拷贝的三种方法，看了不后悔！！！

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

作者：互联网

深拷⻉

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

常⻅的深拷⻉⽅式有：

  1. _.cloneDeep()
  2. jQuery.extend()
  3. 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"}

标签：obj1,stringify,obj2,const,前端,JavaScript,JSON,cloneDeep,拷贝
来源： https://www.cnblogs.com/jian4105/p/16175368.html