Deng
Deng
两个相等的数组,修改其中一个数组怎么做到不改变另外一个数组? | odjBlog
    欢迎来到odjBlog的博客!

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

技术总结及问题解决 odjbin 2年前 (2023-08-27) 81次浏览 0个评论

示例数组

现在有两个数组

let arrA = [1, 2, 3];
let arrB = arrA;
console.log(arrA); // [1, 2, 3]
console.log(arrB); // [1, 2, 3]
  • 当修改其中一个数组, 另一个数组跟着变
arrA[0] = 10;
console.log(arrA); // [10, 2, 3]
console.log(arrB); // [10, 2, 3]

导致两个数组相互影响的原因:

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

那么上面两个相等的数组,修改其中一个怎么做到不改变另外一个呢?

解决办法: (这里只展示个人 uniapp 项目中使用的方法)

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

let arrA = [1, 2, 3];
let arrB = [].concat(arrA);
console.log(arrA,arrB);  // [1, 2, 3],[1, 2, 3]
//当修改其中一个数组, 另一个数组不变
arrA.splice(0,1);
console.log(arrA,arrB);  // [2, 3],[1, 2, 3]
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
已稳定运行:3年301天8小时56分