两个相等的数组，修改其中一个怎么做到不改变另外一个

最新推荐文章于 2022-07-11 01:18:35 发布

KAGHQ

最新推荐文章于 2022-07-11 01:18:35 发布

阅读量369

点赞数

分类专栏： # js 文章标签： js

原文链接：https://blog.csdn.net/u014054437/article/details/80415174

版权

js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

https://blog.csdn.net/u014054437/article/details/80415174
现有 :

let arrA = [1, 2, 3];
let arrB = arrA;
console.log(arrA);//[1, 2, 3]
console.log(arrB);//[1, 2, 3]
1, 2, 3];
let arrB = arrA;
console.log(arrA);//[1, 2, 3]
console.log(arrB);//[1, 2, 3]

如果改变arrA，则arrB也会改变：

arrA[0] = 10; 
console.log(arrA);//[10, 2, 3]
console.log(arrB);//[10, 2, 3]
//[10, 2, 3]
console.log(arrB);//[10, 2, 3]

如果改变arrB，则arrA也会改变：

arrB.push(4);
console.log(arrA);//[1, 2, 3, 4] 
console.log(arrB);//[1, 2, 3, 4] 
//[1, 2, 3, 4] 
console.log(arrB);//[1, 2, 3, 4]

原因：js中array是引用类型，也就是arrA和arrB的原数据存储地址是一样的，arrA和arrB都是对原数据的引用，所以修改其中一个，另一个也会改变。这就好像是现在有一个房间，两扇门，AB两人分别从不同的门进去所看到的的房间是一样的，此时A拿走一个苹果，B会看到房间里少了一个苹果；B从外面带了一瓶饮料回到房间，A也会看到这个房间多了一瓶饮料。

那么两个相等的数组，修改其中一个怎么做到不改变另外一个呢？也就是说仅仅是arrA赋值给arrB，而不是把引用赋给它。

我所知道的解决方案有以下4种：

方法一：concat()用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

let arrA = [1, 2, 3];
let arrB = [].concat(arrA);
console.log(arrA,arrB);  //[1, 2, 3],[1, 2, 3]
//如果改变arrA,  arrB不会改变
arrA.splice(0,1);
console.log(arrA,arrB);  //[2, 3],[1, 2, 3]
//如果改变arrB, arrA不会改变
arrB[0] = 0;
console.log(arrA,arrB);   //[1, 2, 3],[0, 2, 3]

方法二：先JSON.stringify( ) 后 JSON.parse( )

let arrA = [1, 2, 3];
let arrB = JSON.parse(JSON.stringify(arrA));  //arrB: [1, 2, 3]
//如果 arrB.pop();            //arrB:[1,2],   arrA:[1,2,3]
//如果 arrA.shift();          //arrA:[2,3],   arrB:[1,2,3]

方法三：jQuery的extend方法

let a = [1,2,3];
let b = $.extend(true,[],a)
b[0]++   //b:[2,2,3]    a:[1,2,3]

方法四：Object.assign()方法或者 […arr]

let a = [1,2,3];
let b = Object.assign([],a)   //或者 let b = [...a]  
b[0]++   //b:[2,2,3]    a:[1,2,3]

但是需要注意的是，如果是对象数组，即使是用方法一的concat、方法四的Object.assign()或者[…arr]赋值也是会互相影响的：
let a=[{name:‘zhangsan’,age:20}]
let b = Object.assign([],a) //或者 let b = […a] 或者 let b = [].concat(a)
b[0].age=25; //b:[{name:‘zhangsan’,age:25}] a:[{name:‘zhangsan’,age:25}]
此时用方法二的先JSON.stringify( ) 后 JSON.parse( )