javascript深拷贝的几种情况总结
更新时间：2022年01月12日 15:58:13 作者：Merde！
这篇文章主要为大家介绍了javascript深拷贝的几种情况，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
在前端项目的数据处理中，json数据的拷贝是很常见的，怎么使拷贝的双方数据之间互不影响，这就要用到深拷贝了
深拷贝：引用数据类型中名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值，深拷贝就是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。方法一：使用Object.assign(),一般用于数据类型比较简单，层数不大于1的数据；因为Object.assign无法深层拷贝。
const strJson = {
id:'12343231',
name:'张三',
age:23,
inof:{
sex:'男'
},
sjid:null,
strHandle () {
console.log('111111111');
}
}
obj.name = 'lisi'
obj.inof.sex = '女'
console.log('obj',obj);
console.log('strJson',strJson);
结果：
方法二：使用JSON.parse和JSON.stringify,一般用于数据类型比较复杂的，有深层嵌套的数据；但是undefined ， function， RegExp 等类型无法处理；
const strJson = {
id:'12343231',
name:'张三',
age:23,
inof:{
sex:'男'
},
sjid:null,
strHandle () {
console.log('111111111');
}
}
const obj = JSON.parse(JSON.stringify(strJson))
obj.name = 'lisi'
obj.inof.sex = '女'
console.log('obj',obj);
console.log('strJson',strJson);
结果：
第三种：使用递归拷贝，在代码中处理特殊的情况。
function copyHandle (strJson) {
let result ;
// 判断是否存在
if (!strJson) return null;
// 判断是否是对象
if (typeof strJson !== 'object') return strJson;
// 判断是否是数组
if (Array.isArray(strJson)) {
result = [];
for (let i of strJson) {
result.push(copyHandle(i))
}
}//判断是否是RegExp
else if(strJson.constructor===RegExp) {
result = strJson
}//判断是否是对象
else {
result = {}
for (let i in strJson) {
result[i] = copyHandle(strJson[i])
}
}
// 返回结果
return result
}
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
这篇文章主要介绍了javascript深拷贝(deepClone)详解的相关资料,需要的朋友可以参考下2016-08-08
本文整理了一些js常用自定义公共函数如检查是否是日期格式、判断输入的字符是否为中文、判断是否为空、固定电话、手机号码等等2014-01-01
JavaScript下比较常用的一些字符处理等函数，学习js的朋友经常用得到。2011-03-03
下面小编就为大家带来一篇javascript运算符——位运算符全面介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
Javascript学习笔记之 对象篇（三） : hasOwnProperty
判断一个属性是定义在对象本身而不是继承自原型链，我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。 hasOwnProperty 方法是 Javascript 中唯一一个处理对象属性而不会往上遍历原型链的。2014-06-06
这篇文章主要介绍了JavaScript中instanceof运算符的使用示例,instanceof的使用是JavaScript入门学习中的基础知识,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了JS中attr和prop属性的区别以及优先选择,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了JavaScript中的Math.LOG2E属性使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
本文续上文，继续讲述javascript的基础，分为一下几个部分：区分大小写、标示符、注释、语句、关键字和保留字，希望能给大家一些新的认识。2015-01-01
这篇文章主要介绍了JavaScript 为什么要有 Symbol 类型，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最新评论