js实现九九乘法表(两种方法)

简介: 方法一:观察规律:第一个数每行都是自增1。我们发下第二个数都是从1开始,依次递增1,永远不大于前面的数。

方法一:

观察规律:

  • 第一个数每行都是自增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>');//换行
}

页面显示效果

030fac4b4f0f4d5a805b53c677d76ce0.png

 方法二:

观察规律:

  • 第一个数每行都是自减1。
  • 我们发下第二个数都是从1开始,依次递增1,永远不大于前面的数。
  • 前面数字每自减一次,后面数字自增一轮。

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


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

代码如下:

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

页面显示效果:

73a3855b27cb413f862ef79e4febcfab.png 

相关文章
|
21小时前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
19 7
|
21小时前
|
JavaScript 前端开发
javascript操作BOM的方法
javascript操作BOM的方法
16 0
|
21小时前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
6 2
|
21小时前
|
JavaScript 前端开发
在JavaScript中实现模块化开发有多种方法
【5月更文挑战第10天】JavaScript模块化开发可通过CommonJS、AMD和ES6模块实现。CommonJS适用于服务器端,使用`require`和`module.exports`处理模块;AMD(如RequireJS)用于浏览器端,依赖`require`和`define`;ES6模块提供原生支持,使用`import`和`export`。选择方式需考虑项目环境、复杂度和技术栈。
13 4
|
21小时前
|
JavaScript 前端开发
JS tostring()和join()方法
JS tostring()和join()方法
8 1
|
21小时前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
8 0
|
21小时前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
12 0
|
21小时前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
19 1
|
21小时前
|
JavaScript 前端开发
JavaScript数字方法详解
JavaScript数字方法详解
18 0
|
21小时前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
16 1