js全局变量因局部变量变化被修改的问题

最新推荐文章于 2025-03-15 09:39:17 发布

这个冬天真的冷

最新推荐文章于 2025-03-15 09:39:17 发布

阅读量1.2k

点赞数

分类专栏： bug 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/h0713/article/details/125481543

版权

bug 专栏收录该内容

6 篇文章

订阅专栏

这篇博客探讨了JavaScript中全局变量数组被引用后，修改引用副本会影响到原始数组的问题。作者通过示例代码展示了如何在for循环中使用全局变量，以及如何避免直接赋值导致的意外修改。文章强调了在复制数组时使用`slice()`或`Array.from()`等方法来创建独立副本的重要性，以防止意外地改变原始数据。

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

我定义了一个全局变量数组：

var redgather=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33];

然后在运行程序中引用了这个数组；

let temp=redgather;

当修改了temp的值的时候，redgather的值也被改变了；
而且temp是写在for循环中的，但是temp的值始终保持每一次被修改后的值。

原因出在：像let temp=redgather;这种赋值方式是传递的redgather的地址，修改temp的时候修改的是地址中的值，所以redgather的值会被改变。

代码如下：

var redgather=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33];
function test(){
			
			let temp=redgather;
			let outnums=[];
			let max=33;
			for(let i=0;i<6;i++){
				let takeindex=Math.floor(Math.random()*max);
				//console.log("takeindex======"+takeindex);
				outnums.push(temp[takeindex]);
				temp.splice(takeindex,1);
				max--;
			}
			let bluenum=Math.floor(Math.random()*16)+1;
			outnums.push(bluenum);
			return outnums;
		}

下次避免同类错误，取全局变量的值避免直接取。
例如：

			let xx=[1,2,3,4,5,6,7,8,9];
			let tpred=new Array();
			for(let j=0;j<xx.length;j++){
				tpred.push(xx[j]);
			}