js深浅拷贝

1、在说深浅拷贝前，我们先来看看下面两个例子

在第一个列子里面，修改b的值并不会影响到a的值，在例子2 arr2修改里面的值时，会影响到arr1里面的值。同样是变量为什么表现不一样呢？这时候我们就要了解一下js中的数据类型：基本数据类型和引用数据类型
基本类型和引用类型
ECMASCRIPT的变量包含两种数据类型，基本数据类型和引用数据类型，基本数据类型指的是，保存在栈中的简单数据类型，引用数据类型则是保存在堆内存中的对象，也就是说变量中保存的是指向该对象的指针
基本数据类型包括：number string boolean undefined null
引用数据类型：array object function
因此看回之前的那个例子，例子1为基本数据类型，例子2为引用数据类型，所以深浅拷贝指存在于引用数据类型里
深拷贝与浅拷贝
如何实现深拷贝呢？
array和object看看他们自带的一些方法能不能实现深拷贝
先来看看array自带的一些方法

修改arr4并没有影响到arr3 通过slice()方法可以实现深拷贝 concat（）和Array.from()同样可以达到这样的效果。
好了，看完一维数组，我们再来看看二位数组

在二维数组里面，通过slice();方法来拷贝，修改arr4的时候，arr3也跟着修改，总结：slice()对二维数组进行深拷贝是不可行的。
object
1、assign()

经上面测试得到，assign（）只对一维对象的深拷贝有用，二维对象没有效果
2、JSON.parse(JSON.stringify（obj）)；

JSON.parse(JSON.stringify（obj）)；可以满足90%的需求，对于含有function undefined symbol的对象进行不了深拷贝
那么我们就要用到我们的神器：递归

function deepcopy(obj){
         var result =(obj instanceof Array)?[]:{};
        for(let key in obj){
            if (obj[key] && typeof obj[key]=="object") {
                result[key] = deepcopy(obj[key]);
            }else{
                result[key] = obj[key];
            }
        }
        return result;
    }
    var obj1 = {
        x: 1,
        y: 2
    };
    obj1.z = obj1;
    console.log(obj1);
    var obj2 = deepcopy(obj1);
    console.log(obj1);
    console.log(obj2);