js深度克隆,指的是原对象改变了,克隆出来的新对象也不会改变,原对象与新对象是完全独立的关系。
实现有两种方式
1、迭代法
<script>
// 方法一 利用迭代
// 思路是:判定要克隆的对象是不是引用类型,如果是引用类型,则继续迭代,如果该项是基本类型,则直接复制。
function deepClone(obj){
let newObj=Array.isArray(obj)?[]:{}
if(obj&&typeof obj ==="object"){
for(let key in obj){
if(obj.hasOwnProperty(key)){
newObj[key]=(obj && typeof obj[key]==='object')?deepClone(obj[key]):obj[key];
}
}
}
return newObj
}
let a=[{c:1},2,3,4],
b=deepClone(a);
a[0]={c:2};
console.log(a,b);
</script>
2、json解析法
<script>
//方法2 利用JSON对象的方法
//主要是利用JSON.stringify和JSON.parse,这种办法只能实现纯数据的克隆,如果存在function则会直接忽略,不会进行复制操作
function deepClone2(obj){
return JSON.parse(JSON.stringify(obj))
}
let a1={a: 1, b: function() {}}
b1=deepClone2(a1);
console.log(a1,b1);
</script>
网友回复
python如何实现torrent的服务端进行文件分发p2p下载?
如何在浏览器中录制摄像头和麦克风数据为mp4视频保存下载本地?
go如何编写一个类似docker的linux的虚拟容器?
python如何写一个bittorrent的种子下载客户端?
ai能通过看一个网页的交互过程视频自主模仿复制网页编写代码吗?
ai先写功能代码通过chrome mcp来进行测试功能最后ai美化页面这个流程能行吗?
vue在手机端上下拖拽元素的时候如何禁止父元素及body的滚动导致无法拖拽完成?
使用tailwindcss如何去掉响应式自适应?
有没有直接在浏览器中运行的离线linux系统?
nginx如何保留post或get数据进行url重定向?