js手写深拷贝的实现
Posted 前端小虾虾
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js手写深拷贝的实现相关的知识,希望对你有一定的参考价值。
一、深浅拷贝的定义:
1、对于简单数据类型要实现深拷贝,用简单的复制方法即可;
2、对于引用数据类型,若用简单的复制语句,就只是复制了数据的地址,若源对象发生改变,那么复制的数据也会发生改变,这时就需要深浅拷贝来实现了;浅拷贝是针对一层的复制,即对象中的元素是基本数据类型;当对象的元素不是基本数据类型时,即多层,将用到深拷贝的方式;
二、手写一个通用的拷贝函数
该函数对简单数据类型和引用数据类型都能实现深拷贝
而对于引用数据类型的一层和多层都适用
function copyObj(obj){ var cloneObj; //当输入数据为简单数据类型时直接复制 if(obj&&typeof obj!==‘object‘){cloneObj=obj;} //当输入数据为对象或数组时 else if(obj&&typeof obj===‘object‘){ //检测输入数据是数组还是对象 cloneObj=Array.isArray(obj)?[]:{}; for(let key in obj){ if(obj.hasOwnProperty(key)){ if(obj[key]&&typeof obj[key]===‘object‘) { //若当前元素类型为对象时,递归调用 cloneObj[key] = copyObj(obj[key]); } //若当前元素类型为基本数据类型 else{cloneObj[key]=obj[key];} } } } return cloneObj; }
以上是关于js手写深拷贝的实现的主要内容,如果未能解决你的问题,请参考以下文章