JavaScript生成指定n的乘法表并存储为二维数组的代码问题排查

让我看看你的代码哪里出问题了～ 其实主要是二维数组的构建逻辑和数组索引处理出了问题，具体来说：

问题点拆解 #

1. 数组索引与覆盖问题
   你用new Array(number)创建了长度为number的数组，但JavaScript数组是0索引的，而你的内层循环x从1开始，导致calc[0]一直是undefined。更关键的是，每次外层循环i的时候，内层循环会直接覆盖calc[x]的位置——比如当i=2时，会把i=1时存在calc[1]、calc[2]里的值全部替换掉，最后calc里只会保留最后一次i循环的结果，前面的行都被覆盖了。

2. 二维数组的结构错误
   你需要的是二维数组（每个元素是一行的乘法表达式数组），但你的代码直接把单个表达式赋值给calc[x]，没有为每一行创建独立的子数组，根本没构建出二维结构。

3. 输出时机不对
   你在每次外层循环结束后就打印calc，这时候calc还在被后续循环修改，所以打印的都是未完成的数组状态，自然不符合预期。

修正后的代码 #

const number = parseInt(prompt("Enter a number : "));
// 初始化空数组，用来存储二维乘法表
let calc = [];

for (let i = 1; i <= number; i++) {
  // 为当前行创建一个子数组
  let row = [];
  for (let x = 1; x <= number; x++) {
    const result = i * x;
    // 把当前表达式加入行数组
    row.push(`${i} x ${x} = ${result}`);
  }
  // 把整行加入二维数组
  calc.push(row);
}

// 输出结果，每行用 | 连接表达式
calc.forEach(row => {
  console.log(row.join(" | "));
});

// 也可以直接打印二维数组查看结构
console.log("二维数组结构：", calc);

代码解释 #

• 我们先初始化calc为空数组，每次外层循环i时，创建一个新的row子数组来存储当前行的所有表达式。
• 内层循环把每个乘法表达式push到row里，完成一行的构建后，再把row整体push到calc中，这样就形成了正确的二维数组结构。
• 最后用forEach遍历calc，把每行的元素用|连接起来输出，就得到了你想要的格式。

比如当n=3时，calc的结构会是：

[
  ["1 x 1 = 1", "1 x 2 = 2", "1 x 3 = 3"],
  ["2 x 1 = 2", "2 x 2 = 4", "2 x 3 = 6"],
  ["3 x 1 = 3", "3 x 2 = 6", "3 x 3 = 9"]
]

输出的每行就是：

1 x 1 = 1 | 1 x 2 = 2 | 1 x 3 = 3
2 x 1 = 2 | 2 x 2 = 4 | 2 x 3 = 6
3 x 1 = 3 | 3 x 2 = 6 | 3 x 3 = 9

内容的提问来源于stack exchange，提问作者GeorgeRRR