js 两个相等的数组，如何做到修改其中一个时，另一个不随着变化

var arrA = [1, 2, 3];
var arrB = arrA;

问题： 直接赋值时，若改变arrA，则arrB也会随着变化；若改变arrB，则arrA也会随着变化。

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

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

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

方法二： 先JSON.stringify( ) 后 JSON.parse( )
var arrB = JSON.parse(JSON.stringify(arrA));

方法三： jQuery的extend方法
var arrB = $.extend(true, [], arrA);

方法四： Object.assign()方法 或者 […arr]
var arrB = Object.assign([], arrA);

方法五： […arr]
var arrB = […arrA];

注意： 如果是对象数组，即使是用方法一的concat、方法四的Object.assign()、方法五的[…arr]赋值也是会互相影响的！
var arrA = [{name:‘zhangsan’,age:20}];
var arrB = Object.assign([], arrA);       //或者 var arrB = […arrA]; 或者 var arrB = [].concat(arrA ) ;
arrB[0].age=25;
得： arrB → [{name:‘zhangsan’,age:25}] ;
         arrA → [{name:‘zhangsan’,age:25}];

对象数组用方法二的先JSON.stringify( ) 后 JSON.parse( )