当前位置:
首页 > 网站开发 > JavaScript >
-
面试-深拷贝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<! DOCTYPE html> < html lang="en"> < head > < meta charset="UTF-8"> < meta http-equiv="X-UA-Compatible" content="IE=edge"> < meta name="viewport" content="width=device-width, initial-scale=1.0"> < title >Document</ title > </ head > < body > </ body > < script > window.onload=function(){ getData() } const data={ age:'18', name:'lisi', sex:'男', } function deepClone1(data){ return(JSON.parse(JSON.stringify(data))) } function deepClone2(data){ return({...data}) } function deepClone3(data){ let o ={ }//重新开辟堆内存(栈内存空间较小,存放的都是简单数据类型或者指针,自动回收自动开辟,复杂类型数据一般存放与堆内存) for(let key in data){ o[key] = data[key] } return(o) } function getData(){ const copydata = deepClone3(data) copydata.age = '22' console.log('data',data) console.log('copydata',copydata) } </ script > </ html > |
准备去电信面试,复习了深拷贝,并且写了三种深拷贝的方法,第一种是运用JSON的parse和stringify方法的相互运用。
JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象。
简单点说,它们的作用是相对的,我用JSON.stringify()将对象a变成了字符串c,那么我就可以用JSON.parse()将字符串c还原成对象a。
第二种方法时运用了ES6运算符的拓展
第三种方法就是一个堆和栈的小理解。
深拷贝对于简单数据类型来说是不存在的,只对于复杂的数据类型来说是必要的。
原文链接:https://www.cnblogs.com/SadicZhou/p/15776913.html
最新更新
matplotlib可视化系列之【排版】
C# 编写一个简单易用的 Windows 截屏增强工
Python 引用其他路径下的module
【Python - 基础】基础是一切升华的根本
自动化办公:手机号码提取器,使用正则
C#/VB.NET 创建图片超链接
1w+ 字总结 Java 常用类,整理太全了,建议
EasyExcel-合并单元格
Spring Boot 3 开发上线一个前后端分离的生
Spring Boot 3 开发上线一个前后端分离的生
MongoDB常用命令(2)
MongoDB基本介绍与安装(1)
SQLServer触发器调用JavaWeb接口
SQL Server索引的原理深入解析
SqlServer2016模糊匹配的三种方式及效率问题
SQL中Truncate的用法
sqlserver 多表关联时在where语句中慎用tri
链接服务器读取Mysql---出现消息 7347,级别
SQL Server解惑——为什么你拼接的SQL语句换
MySQL视图了解一下
ES6 - promise(3)
面试-深拷贝
面试-函数内部声明变量
面试-闭包
vue组件传参的方法--bus事件总线
JS基础10--对象2
JS基础10--对象1
JS基础9--for循环语句
JS基础8--条件分支语句
JS基础7--相等运算符