javascript - 嵌套循环中数组的意外值

Question

在练习循环时，我收到的结果有点奇怪。

let a = [];
let b = [];

for (let i=0; i<2; i++){
  for (let j=0; j<2;j++){
      a.push(0);

  }
  b.push(a);
  console.log(a);
  console.log(b);
}

输出如下:

//values of arrays after first iteration of outside loop
[ 0, 0 ]
[ [ 0, 0 ] ]
//values of arrays after second...
[ 0, 0, 0, 0 ]
[ [ 0, 0, 0, 0 ], [ 0, 0, 0, 0 ] ]

我想知道为什么数组 b 的值不等于 [ [0, 0], [0, 0, 0, 0] ]？

Answer 1

基本上，您始终使用相同的a数组。

在第二次迭代开始时，a 是 [0, 0]，并且您在那里添加了 2 个额外的 0。

最后b基本上是[a, a]，所以如果你继续喂a 0，它的元素就会不断增长。

如果你想创建一个二维数组，你必须做这个小修改:

let b = [];

for (let i=0; i<2; i++){
  let a = [];
  for (let j=0; j<2;j++){
      a.push(0);

  }
  b.push(a);
  console.log(a);
  console.log(b);
}

将 let a 的创建移至外循环意味着每次循环时，您都会创建一个新的临时 a ，稍后推送到 b.

要获得您想要的结果，您需要复制数组 a，而不是制作它:

let a = [];
let b = [];

for (let i=0; i<2; i++){
  for (let j=0; j<2;j++){
      a.push(0);
}
  b.push(a.slice());
  console.log(a);
  console.log(b);
}