Js 数组浅复制和深复制

// 浅复制
var arr = [1,2,3,4,5];
var newArr = arr ;
arr[0] = 10;
console.log(newArr[0]);  // 10

// 深复制
function copy (arr1,arr2) {
  for(var i=0;i<arr1.length;i++){
    arr2[i] = arr1[i];
  }
}
var arr = [1,5,6,7,9];
var newArr = [];
copy(arr,newArr);
arr[0] = 10;
console.log(newArr[0]);// 1

//ES6 深复制
/*
该方法原理是Object.assign方法实际上是对对象进行拼接， 
将后续对象的内容插入到第一个参数指定的对象，
不会修改第一个参数之后的对象，
而我们将第一个对象指定为一个匿名空对象，实现深拷贝

缺点：对象嵌套层次过深，超过2层，就会出现浅拷贝的状况，比如echarts组件的option对象
*/
var a = {x:1};
var b = Object.assign({}, a);
console.log(b); //{x:1}
b.x = 2;
console.log(b); //{x:2}
console.log(a); //{x:1}

//JSON内置的方法
/*
该方法原理是将对象转换成JSON字符串，再转换回来，
json字符串转换为对象的时候，
会自己去构建新的内存地址存放数据
缺点：如果对象属性为function，因为JSON格式字符串不支持function，在构建的时候会自动删除
*/
var a = {x:1};
var b = JSON.parse(JSON.stringify(a));
console.log(b); //{x:1}
b.x = 2;
console.log(b); //{x:2}
console.log(a); //{x:1}

浅复制：改变原数组新数组会随之改变

深复制：改变原数组新数组不会随之改变

部分内容参考以下博客:

https://blog.csdn.net/u012871313/article/details/90274069