JavaScript制作九九乘法表

在JavaScript中制作九九乘法表，可以通过多种方法实现，但核心思路是使用嵌套的for循环来控制行和列的输出。以下是一些常见的实现方法：

基本的for循环方法

1. 使用两层for循环：外层循环控制行数，内层循环控制每行的乘法表达式数量。每行的乘法表达式数量不超过当前行数。

   for (var i = 1; i <= 9; i++) {
       for (var j = 1; j <= i; j++) {
           console.log(j + 'x' + i + '=' + (i * j));
       }
       console.log(''); // 换行
   }
   

2. 使用空字符串和转义符：在每行的乘法表达式之间使用空格或制表符（tab）来增加可读性。

   for (var i = 1; i <= 9; i++) {
       for (var j = 1; j <= i; j++) {
           process.stdout.write(`${j}x${i}=${i * j}\t`);
       }
       console.log(''); // 换行
   }
   

高级数组用法

1. 数组与循环结合：使用数组来存储每行的乘法表达式，然后通过循环输出。

   for (var i = 1; i <= 9; i++) {
       var row = [];
       for (var j = 1; j <= i; j++) {
           row.push(`${j}x${i}=${i * j}`);
       }
       console.log(row.join('\t'));
   }
   

使用技巧

1. Document.write和CSS Grid：将乘法表的生成和布局放在JavaScript中处理，使用CSS Grid来排版。

   for (var i = 1; i <= 9; i++) {
       var row = '';
       for (var j = 1; j <= i; j++) {
           row += `<span>${j}x${i}=${i * j}</span> `;
       }
       document.write(`<div class="grid-item">${row}</div>`);
   }
   

2. 字符串拼接：在循环中通过字符串拼接的方式构建每一行的输出。

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

总结

制作九九乘法表的关键在于理解其规律：每行的乘法表达式数量等于行号，且每行的乘数从1开始递增。通过嵌套循环和适当的输出格式，可以轻松实现这一功能。不同的方法可以根据个人喜好和项目需求进行选择。12345678910