深拷贝与浅拷贝的区别

深拷贝 把里面的内容一个一个的复制出来,开一个新内存放进去,内存地址不一样,互不影响
如
下面这种为深拷贝

         var a = 123;
         var b = a;
         console.log(a) //123
         console.log(b) //123
         a=456
         console.log(b) //123

深拷贝遍历数组

var arr1 = [11,22,33]
        var arr2=[]
        for(let i in arr1){
            arr2[i] = arr1[i]
        }
        arr1[0]='abc';
        console.log(arr2[0]) //11 不受第一个数组影响

数组和对象直接等号赋值的通常是浅拷贝 一个发生变化,另外一个也会跟着变,他只是指向另外一个地址

   var obj1 = {'name':"张三"}
        var obj2 = obj1
        console.log(obj1) //张三
        console.log(obj2) //张三
        obj1.name="李四"
        console.log(obj2) //李四

        var arr1 = [11,22,33]
        var arr2 = arr1
        arr1[0]='aaa'
        console.log(arr2)
		// var arr2 = ['aaa',22,33]

ES6 新语法 …深拷贝

// ... 深拷贝  
         var obj = {name:"张三"}
         var obj2 = {...obj}

          obj2.name='李四'
          console.log(obj)
          console.log(obj2)

控制台输出的结果如下:

总结:
深拷贝 拷贝出来的数据跟原数据的存储地址不一样 互不影响
浅拷贝 一个发生变化,另外一个也会跟着变,他只是指向另外一个地址