// 浅复制
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}
浅复制:改变原数组新数组会随之改变
深复制:改变原数组新数组不会随之改变
部分内容参考以下博客: