ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2022-04-21 18:00:26  阅读:225  来源: 互联网

标签:obj1 stringify obj2 const 前端 JavaScript JSON cloneDeep 拷贝


深拷⻉

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

常⻅的深拷⻉⽅式有:

  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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有