关闭

js中数组的深拷贝和浅拷贝

来源:网络 文章列表 2020-06-05 8
数组浅拷贝: var arr1 = [1, 2, 3, 4]; var arr2 = arr1; arr1[0] = 6; //数组是用堆去保存的,相等的时候只是把存放的地址拷贝过去了,两个指向了同一个地址,所以在改变其中一个的值,

数组浅拷贝:

var arr1 = [1, 2, 3, 4];
var arr2 = arr1; 
arr1[0] = 6;                //数组是用堆去保存的,相等的时候只是把存放的地址拷贝过去了,两个指向了同一个地址,所以在改变其中一个的值,其他的也跟着改变了
console.log(arr2[0]);       //输出结果为6
console.log(arr[1]);        //[6, 2, 3, 4]
console.log(arr[2]);        //[6, 2, 3, 4]

数组深拷贝:

1)、slice方法:

var arr1 = [1, 2, 3, 4];
var arr2 = arr1.slice(0);   //从0开始到末尾截取数组,然后返回一个新的数组
arr1[0] = 6; 
console.log(arr2[0]);       //输出结果为1
console.log(arr[1]);        //[6, 2, 3, 4]
console.log(arr[2]);        //[1, 2, 3, 4]

2)、concat方法:

var arr1 = [1, 2, 3, 4];
var arr2 = arr1.concat();   //连接数组,如果连接的是一个空,那么也是返回了新的本身的数组
arr1[0] = 6; 
console.log(arr2[0]);       //输出结果为1
console.log(arr[1]);        //[6, 2, 3, 4]
console.log(arr[2]);        //[1, 2, 3, 4]

3)、map方法:

var arr1 = [1, 2, 3, 4]; 
var arr2 = arr1.map(function(value){
     return value;
})                          //使用map方法遍历数组然后返回新的数组,里面的值不变
arr1[0] = 6;   
console.log(arr2[0])        //输出结果为1
console.log(arr1);          //[6, 2, 3, 4]
console.log(arr2);          //[1, 2, 3, 4]

4)、ES6语法:

var arr1 = [1, 2, 3, 4];
var [ ...arr2 ] = arr1;     //ES6扩展运算符实现数组的深拷贝
arr1[0] = 6; 
console.log(arr2[0]);       //输出结果为1
console.log(arr[1]);        //[6, 2, 3, 4]
console.log(arr[2]);        //[1, 2, 3, 4]

 

如您看完博文,仍不会的话,本站长提供付费技术支持服务,价格不高! 立即咨询

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论