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 

相关文章
|
10天前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
26天前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
30 2
|
3天前
|
JavaScript 前端开发 Go
异步加载 JS 的方法
【10月更文挑战第24天】异步加载 JavaScript 是提高网页性能和用户体验的重要手段。通过使用不同的方法和技术,可以实现灵活、高效的异步加载 JavaScript。在实际应用中,需要根据具体情况选择合适的方法,并注意处理可能出现的问题,以确保网页能够正常加载和执行。
|
14天前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
15天前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
38 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
20天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
18 3
|
20天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
26 1
|
21天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
14 2
|
15天前
|
存储 JavaScript 前端开发
JavaScript数组去重的八种方法详解及性能对比
在JavaScript开发中,数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法,从基础的双重循环和 indexOf() 方法,到较为高级的 Set 和 Map 实现。同时,分析了每种方法的原理和适用场景,并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文,读者可以深入理解每种方法的优缺点,并选择最合适的数组去重方式。
30 0
|
16天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
89 0