这个嵌套循环如何得到这个输出？

Question

很长一段时间以来，我一直在努力理解这个嵌套循环的输出。我真的很想了解它的作用。

我希望它输出： [ [ 0, 0 ], [ 0, 0, 0, 0 ], [ 0, 0, 0, 0, 0, 0 ] ]

但实际输出是: <代码>[ [ 0, 0, 0, 0, 0, 0 ], [ 0, 0, 0, 0, 0, 0 ], [ 0, 0, 0, 0, 0, 0 ] ]

在第一个内部循环之后 row 包含两个 0，应将其推送到外部循环中的 newArray 中。看起来这并没有发生，我不明白为什么。第一个元素应该是 [0, 0]，对吧？

我真的希望有人能明白我的意思并解释发生了什么！谢谢你！

function zeroArray(m, n) {

  // Creates a 2-D array with m rows and n columns of zeroes
  
  let newArray = [];
  let row = [];
  for (let i = 0; i < m; i++) {
  
    // Adds the m-th row into newArray

    for (let j = 0; j < n; j++) {
      // Pushes n zeroes into the current row to create the columns
      row.push(0);
    }
    // Pushes the current row, which now has n zeroes in it, to the array
    newArray.push(row);
  }
  return newArray;
}

let matrix = zeroArray(3, 2);
console.log(matrix);

Answer 1

您将 row 传递给循环的所有迭代。为了实现您想要的效果，行在循环的每次迭代中都必须是唯一的，因此您需要将其移动到第一个循环内。

为了更好地理解这个问题，请阅读有关 JavaScript 中的值和引用的更多信息：https://www.javascripttutorial.net/javascript-pass-by-value/#:~:text=JavaScript%20pass%2Dby%2Dvalue%20or%20pass%2Dby%2Dreference&text=It%20means%20that %20JavaScript%20 副本，%20%20%20 函数外部的变量%20。

function zeroArray(m, n) {

  // Creates a 2-D array with m rows and n columns of zeroes
  
  let newArray = [];
  for (let i = 0; i < m; i++) {
    let row = [];
  
    // Adds the m-th row into newArray

    for (let j = 0; j < n; j++) {
      // Pushes n zeroes into the current row to create the columns
      row.push(0);
    }
    // Pushes the current row, which now has n zeroes in it, to the array
    newArray.push(row);
    // Update n to get desired pattern
    n += 2
  }
  return newArray;
}

let matrix = zeroArray(3, 2);
console.log(matrix);

Answer 2

这是因为 JavaScript 对象（和数组）只是内存中的引用。因此，您正在创建在内存中共享相同地址的单个数组数组，因为它们共享相同的地址，当您更新它（Array.prototype.push）时，您正在更新所有它们。解决方案是在第一个循环中创建一个新行：

function zeroArray(m, n) {  
  const newArray = [];

  for (let i = 0; i < m; i++) {
    // If this isn't the first run, take the last value of row
    const prevRow = i > 0 ? newArray[i-1] : [];
    const row = [...prevRow]; // By using the spread operator(...), you can copy an array

    for (let j = 0; j < n; j++) {
      // Pushes n zeroes into the current row to create the columns
      row.push(0);
    }
    // Pushes the current row, which now has n zeroes in it, to the array
    newArray.push(row);
  }
  return newArray;
}

let matrix = zeroArray(3, 2);
console.log(matrix);

重要提示

这不是编写 JavaScript 的自然方式，您可以通过以下方式实现相同的目的：

const zeroArray = (m, n) => Array.from({ length : m }).map((value, index) => {
  return Array.from({ length : (index + 1) * n }).map(() => 0);
});