js如何实现九九乘法表

使用循环嵌套实现九九乘法表

通过双重for循环实现九九乘法表，外层循环控制行数，内层循环控制每行的列数。以下是具体代码示例：

for (let i = 1; i <= 9; i++) {
  let row = '';
  for (let j = 1; j <= i; j++) {
    row += `${j} × ${i} = ${i * j}\t`;
  }
  console.log(row);
}

使用数组与map方法实现

利用数组的map方法结合字符串模板生成每行内容，代码更简洁：

Array.from({ length: 9 }, (_, i) => i + 1).forEach(i => {
  const line = Array.from({ length: i }, (_, j) => 
    `${j + 1} × ${i} = ${(j + 1) * i}`
  ).join('\t');
  console.log(line);
});

输出到HTML页面

若需在网页中显示，可通过操作DOM实现：

document.body.innerHTML = Array.from({ length: 9 }, (_, i) => 
  `<div>${Array.from({ length: i + 1 }, (_, j) => 
    `${j + 1} × ${i + 1} = ${(j + 1) * (i + 1)}`
  ).join(' ')}</div>`
).join('');

使用递归实现

通过递归函数逐行生成乘法表，适合理解递归逻辑：

function printTable(row = 1, col = 1, line = '') {
  if (row > 9) return;
  line += `${col} × ${row} = ${row * col}\t`;
  if (col >= row) {
    console.log(line);
    printTable(row + 1);
  } else {
    printTable(row, col + 1, line);
  }
}
printTable();

格式化对齐输出

通过调整字符串填充使输出对齐：

for (let i = 1; i <= 9; i++) {
  let row = '';
  for (let j = 1; j <= i; j++) {
    row += `${j} × ${i} = ${String(i * j).padEnd(2, ' ')}  `;
  }
  console.log(row);
}