Java教程

前端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"}
这篇关于前端JavaScript深拷贝的三种方法，看了不后悔！！！的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航