js实现九九乘法表（两种方法）

随·枫

于 2024-05-12 00:01:00 发布

阅读量288

点赞数 5

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/yuzhochaojiwudib/article/details/138734108

版权

方法一：
观察规律：

第一个数每行都是自增1。

我们发下第二个数都是从1开始，依次递增1，永远不大于前面的数。

前面数字每自增一次，后面数字自增一轮。

我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自增1

内层从初始值设为j，j从1开始，小于等于外层的i，自增1

九九乘法表代码如下：


for (var i = 1;i<=9;i++){
  for (var j = 1;j<=i;j++){
    document.write(i+'*'+j+'='+(i*j)+'&nbsp  ');
  }
  document.write('<br>');//换行
}

页面显示效果：

方法二：
观察规律：

第一个数每行都是自减1。

我们发下第二个数都是从1开始，依次递增1，永远不大于前面的数。

前面数字每自减一次，后面数字自增一轮。

我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自减1

内层从初始值设为j，j从1开始，小于等于外层的i，自增1

代码如下：

            document.write(1  +  'x'  +  1  +  '='  +  1  *  1  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  2  +  '='  +  2  *  1  +  '  ');
			document.write(2  +  'x'  +  2  +  '='  +  2  *  2  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  3  +  '='  +  3  *  1  +  '  ');
			document.write(2  +  'x'  +  3  +  '='  +  3  *  2  +  '  ');
			document.write(3  +  'x'  +  3  +  '='  +  3  *  3  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  4  +  '='  +  4  *  1  +  '  ');
			document.write(2  +  'x'  +  4  +  '='  +  4  *  2  +  '  ');
			document.write(3  +  'x'  +  4  +  '='  +  4  *  3  +  '  ');
			document.write(4  +  'x'  +  4  +  '='  +  4  *  4  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  5  +  '='  +  5  *  1  +  '  ');
			document.write(2  +  'x'  +  5  +  '='  +  5  *  2  +  '  ');
			document.write(3  +  'x'  +  5  +  '='  +  5  *  3  +  '  ');
			document.write(4  +  'x'  +  5  +  '='  +  5  *  4  +  '  ');
			document.write(5  +  'x'  +  5  +  '='  +  5  *  5  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  6  +  '='  +  6  *  1  +  '  ');
			document.write(2  +  'x'  +  6  +  '='  +  6  *  2  +  '  ');
			document.write(3  +  'x'  +  6  +  '='  +  6  *  3  +  '  ');
			document.write(4  +  'x'  +  6  +  '='  +  6  *  4  +  '  ');
			document.write(5  +  'x'  +  6  +  '='  +  6  *  5  +  '  ');
			document.write(6  +  'x'  +  6  +  '='  +  6  *  6  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  7  +  '='  +  7  *  1  +  '  ');
			document.write(2  +  'x'  +  7  +  '='  +  7  *  2  +  '  ');
			document.write(3  +  'x'  +  7  +  '='  +  7  *  3  +  '  ');
			document.write(4  +  'x'  +  7  +  '='  +  7  *  4  +  '  ');
			document.write(5  +  'x'  +  7  +  '='  +  7  *  5  +  '  ');
			document.write(6  +  'x'  +  7  +  '='  +  7  *  6  +  '  ');
			document.write(7  +  'x'  +  7  +  '='  +  7  *  7  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  8  +  '='  +  8  *  1  +  '  ');
			document.write(2  +  'x'  +  8  +  '='  +  8  *  2  +  '  ');
			document.write(3  +  'x'  +  8  +  '='  +  8  *  3  +  '  ');
			document.write(4  +  'x'  +  8  +  '='  +  8  *  4  +  '  ');
			document.write(5  +  'x'  +  8  +  '='  +  8  *  5  +  '  ');
			document.write(6  +  'x'  +  8  +  '='  +  8  *  6  +  '  ');
			document.write(7  +  'x'  +  8  +  '='  +  8  *  7  +  '  ');
			document.write(8  +  'x'  +  8  +  '='  +  8  *  8  +  '  ');
			document.write('<br/>')
			document.write(1  +  'x'  +  9  +  '='  +  9  *  1  +  '  ');
			document.write(2  +  'x'  +  9  +  '='  +  9  *  2  +  '  ');
			document.write(3  +  'x'  +  9  +  '='  +  9  *  3  +  '  ');
			document.write(4  +  'x'  +  9  +  '='  +  9  *  4  +  '  ');
			document.write(5  +  'x'  +  9  +  '='  +  9  *  5  +  '  ');
			document.write(6  +  'x'  +  9  +  '='  +  9  *  6  +  '  ');
			document.write(7  +  'x'  +  9  +  '='  +  9  *  7  +  '  ');
			document.write(8  +  'x'  +  9  +  '='  +  9  *  8  +  '  ');
			document.write(9  +  'x'  +  9  +  '='  +  9  *  9  +  '  ');

页面显示效果：

以上就是本章的全部内容，感谢您的阅读。