forEach(循环)改变子数组,改变子对象,改变子list失效分析

最新推荐文章于 2024-05-16 08:29:55 发布

叶孤崖

最新推荐文章于 2024-05-16 08:29:55 发布

阅读量866

点赞数

文章标签： java hashmap 链表指针

本文链接：https://blog.csdn.net/qq_34246965/article/details/108023409

版权

前端易错点:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>.</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
	<p id="demo1"></p>
<script>
var ages = [[1,2],[3,4],[5,6],[7,8],[9,10],[11,12]];
	var temps = []
	
	ages.forEach((v,k)=>{
	v = [755,655];
	})
	
function myFunction() {
    document.getElementById("demo").innerHTML =ages[0];
}
</script>

</body>
</html>

结果:

1,2

原本想法:通过更改for循环临时数值,v = [755,655] ,希望能更改原数组
var ages=[[1,2],[3,4],[5,6],[7,8],[9,10],[11,12]];
为
var ages = [[755,655],[3,4],[5,6],[7,8],[9,10],[11,12]];

这是不可以的,这是很容易掉进去的陷阱。即通过foreach遍历对集合元素进行修改。在以为变更已发生的时候，其实变更没有发生。造成数据写入失败。因为foreach里头的的 temp变量只是一个局部变量，而且还是集合中元素的一个副本，并不是元素本身。

后端

public class JavaTest
{
 public static void main(String[] args)
 {
  ArrayList<Integer> list = new ArrayList<Integer>();
  list.add(1);
  list.add(2);
  list.add(3);
  for (Integer temp : list)
  {
   if (temp == 1)
   {
    temp = temp * 2;
   }
  }
  for (Integer a : list)
  {
   System.out.println(a);
  }
 }
}

结果

1
2
3

而非 2 2 3,原因一致.

前端编辑超链接
进阶

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>.</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
	<p id="demo1"></p>
<script>
var ages = [[1,2],[3,4],[5,6],[7,8],[9,10],[11,12]];
	var temps = []
	
	ages.forEach((v,k)=>{
		temps[k] = v ;   // []=[]彼此共用地址空间,等于相同
	    temps[k][0] = 55
	})
	 
	
function myFunction() {
    document.getElementById("demo").innerHTML ="ages    "+ages[0];
	 document.getElementById("demo1").innerHTML ="temps : "+temps[0];
}
</script>

</body>
</html>

结果:

ages 55,2

temps : 55,2

如果是

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>.</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
	<p id="demo1"></p>
<script>
var ages = [[1,2],[3,4],[5,6],[7,8],[9,10],[11,12]];
	var temps = []
	
	ages.forEach((v,k)=>{
		temps[k] = v ;   // []=[]彼此公用空间,等于相同
	    temps[k] = [55]
	})
	 
	
function myFunction() {
    document.getElementById("demo").innerHTML ="ages    "+ages[0];
	 document.getElementById("demo1").innerHTML ="temps : "+temps[0];
}
</script>

</body>
</html>

结果

ages 1,2
temps : 55

分析:temps[k] = [55] 将temps[k]的指针指向另一[55]的地址空间,所以导致temps[k]!=ages[k](v)的地址,所以更改temps成功.

再深一层

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>.</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
	<p id="demo1"></p>
<script>
var ages = [[[11,12],[2,5]],[3,4],[5,6],[7,8],[9,10],[11,12]];
	var temps = []
	
	ages.forEach((v,k)=>{
		temps[k] = v ;   // []=[]彼此公用空间,等于相同
	    temps[k][0] = [55]
	})
	 
	
function myFunction() {
    document.getElementById("demo").innerHTML ="ages    "+ages[0];
	 document.getElementById("demo1").innerHTML ="temps : "+temps[0];
}
</script>

</body>
</html>