当前位置：首页 > JavaScript

js实现乘法表

2026-03-01 03:14:13JavaScript

JavaScript 实现乘法表

使用 JavaScript 实现乘法表可以通过多种方式完成，以下是几种常见的实现方法。

使用嵌套循环打印乘法表

通过嵌套的 for 循环可以生成一个标准的乘法表，并将结果输出到控制台或页面。

js实现乘法表

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);
}

在 HTML 页面中动态生成乘法表

如果需要在网页上显示乘法表，可以通过 DOM 操作动态生成表格。

js实现乘法表

const table = document.createElement('table');
document.body.appendChild(table);

for (let i = 1; i <= 9; i++) {
  const row = document.createElement('tr');
  for (let j = 1; j <= i; j++) {
    const cell = document.createElement('td');
    cell.textContent = `${j} × ${i} = ${i * j}`;
    row.appendChild(cell);
  }
  table.appendChild(row);
}

使用字符串拼接生成乘法表

如果不需要复杂的格式，可以直接拼接字符串并输出。

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

使用数组和 `map` 方法生成乘法表

利用数组的 map 方法可以更函数式地生成乘法表。

const table = Array.from({ length: 9 }, (_, i) => i + 1)
  .map(row => {
    return Array.from({ length: row }, (_, col) => col + 1)
      .map(col => `${col} × ${row} = ${col * row}`)
      .join(' ');
  })
  .join('\n');

console.log(table);

以上方法均能实现乘法表的功能，具体选择取决于使用场景和需求。