js实现99

以下是使用JavaScript实现99乘法表的几种方法，每种方法均附带代码示例和说明：

方法一：基础双重循环

使用嵌套的for循环生成乘法表，结果直接打印到控制台。

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

方法二：动态生成HTML表格

将乘法表渲染为HTML表格，适合网页展示。

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

方法三：使用数组与map函数

通过数组生成乘法表字符串，更函数式风格。

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

方法四：ES6模板字符串优化

利用模板字符串简化输出格式。

let result = '';
for (let i = 1; i <= 9; i++) {
  result += `${Array(i).fill(0).map((_, j) => `${j + 1}×${i}=${i * (j + 1)}`).join('\t')}\n`;
}
console.log(result);

方法五：递归实现

递归方式生成乘法表，适合理解递归逻辑。

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

输出说明

• 所有方法均以i×j=结果格式输出，每行从1×i到i×i。
• 控制台输出使用\t对齐，HTML版本自动适应表格布局。
• 可根据需求选择控制台打印或网页渲染方式。