将数组赋值给新数组, 改变新数组原数组发生变化

文章讲述了在Vue.js中,由于JavaScript的引用传递特性,直接将数组赋值给新变量可能导致两个变量共享同一内存地址,对其中一个的修改会同步影响另一个。解决方法包括使用`JSON.parse(JSON.stringify())`创建浅拷贝,`slice()`或扩展操作符`...`创建深拷贝。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

解决方法:

//list 原数组

//newList  新数组

//方法1 
const newList = JSON.parse(JSON.stringify(list));

//方法2
const newList = list.slice();

//方法3 
const newList = [...list];

问题分析:

在 Vue.js 中,当你将一个数组直接赋值给一个新的变量时,实际上这两个变量共享同一个数组引用。这意味着它们指向相同的内存地址,因此对其中一个数组的修改也会影响另一个数组。这种行为是由 JavaScript 中数组赋值的引用传递特性所导致的,不仅限于 Vue.js。

const arr= [1, 2, 3];
const newArr = arr;

//newArr 实际上并不是 arr的一个拷贝,而是指向相同的数组。因此,对 newArr 的修改也会影响到 arr,反之亦然。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值