JavaScript的深拷贝与浅拷贝

  • JavaScript的深拷贝与浅拷贝已关闭评论
  • 109 次浏览
  • A+
所属分类:Web前端
摘要

一句话来解释什么是深浅拷贝,B拷贝A,当修改A,B如果变化,就是浅拷贝,反之就是深拷贝。

一句话来解释什么是深浅拷贝,B拷贝A,当修改A,B如果变化,就是浅拷贝,反之就是深拷贝

基本原理:

1.递归函数
2.对象内的值都是简单数据类型时 直接进行赋值
3.当我们遇到数组和对象时,可以再次调用函数,利用递归去拷贝数组和对象内的每个值
4.先数组 后对象  因为数组也是对象 

下面是一个实现深拷贝的函数:

 1 function deepClone(obj) {  2         let objClone = Array.isArray(obj) ? [] : {};  3         if (obj && typeof obj === "object") {  4             for (key in obj) {  5                 if (obj.hasOwnProperty(key)) {  6                     //判断ojb子元素是否为对象(复杂数据类型),如果是,递归复制  7                     if (obj[key] && typeof obj[key] === "object") {  8                         objClone[key] = deepClone(obj[key]);  9                     } else { 10                         //如果不是,简单复制(基本数据类型) 11                         objClone[key] = obj[key]; 12                     } 13                 } 14             } 15         } 16         return objClone; 17     }