当前位置：首页 > JavaScript

js实现99

2026-02-02 05:28:01JavaScript

实现99乘法表的JavaScript代码

使用嵌套循环可以轻松实现99乘法表的打印。以下是几种常见的实现方式：

基础实现（控制台打印）

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

DOM输出到网页

document.write('<pre>');
for (let i = 1; i <= 9; i++) {
  for (let j = 1; j <= i; j++) {
    document.write(`${j}×${i}=${i*j}\t`);
  }
  document.write('<br>');
}
document.write('</pre>');

ES6模板字符串实现

let table = '';
for (let i = 1; i <= 9; i++) {
  table += Array.from({length: i}, (_, j) => 
    `${j+1}×${i}=${(j+1)*i}`).join('\t') + '\n';
}
console.log(table);

格式化输出优化

为了使输出更美观，可以添加对齐处理：

function formatNum(num) {
  return num < 10 ? ' ' + num : num;
}

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

响应式表格实现

在网页中创建动态表格：

js实现99

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

这些实现方式可以根据具体需求选择使用，控制台版本适合调试查看，DOM版本适合网页展示，格式化版本可提升可读性。

标签: js