JS实现上下左右对称的九九乘法表
更新时间：2016年02月22日 08:52:48 作者：jerrylsxu
九九乘法表使用很多种语言都可以实现，本文给大家介绍js使用for、while循环来完成四种对称的九九乘法表，对九九乘法表需要的朋友参考下
九九乘法表使用很多种语言都可以实现。本文讲述JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，这个例子是一个练习循环基础很好的方法，由于排版上对不整齐，因此循环了一个表格。
一、左下角为度的梯形乘法表：
For循环代码
document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循环代码
document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i++;
}
document.write("</table>");
示例图
二、右下角为度的梯形乘法表：
For循环代码
document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var n=i; n<; n++){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循环代码
document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var n = i;
while(n<){
document.write("<td> </td>");
n++;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i++;
}
document.write("</table>");
示例图
三、左上角为度的梯形乘法表：
For循环代码
document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循环代码
document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i--;
}
document.write("</table>");
示例图
四、右上角为度的梯形乘法表：
For循环代码
document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j>=i; j--){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循环代码
document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j>=i){
document.write("<td> </td>");
j--;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i--;
}
document.write("</table>");
示例图
以上内容是本文给大家分享的JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，希望对大家有所帮助！
相关文章
JavaScript中push(),join() 函数 实例详解
本文通过实例给大家介绍了JavaScript中push(),join() 的知识，非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-09-09
js禁止小键盘输入数字功能代码，需要的朋友可以参考下。2011-08-08
JavaScript其实一门基于或者说是面向对象的语言，这样的话，this这个关键字，在类的内部就显得尤为重要2013-06-06
这篇文章介绍了javascript实现yield的方法，有需要的朋友可以参考一下2013-11-11
微信小程序完美解决scroll-view高度自适应问题的方法
这篇文章主要介绍了微信小程序完美解决scroll-view高度自适应问题的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
Js模块打包exports require import的用法和区别
这篇文章主要介绍了Js模块打包exports require import的用法和区别，对模块打包感兴趣的同学，可以参考下2021-05-05
JavaScript一种没有类的，面向对象的语言，它使用原型继承来代替类继承。2010-11-11
这篇文章主要为大家详细介绍了JavaScript前端如何实现截屏功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-04-04
下面小编就为大家带来一篇遍历js中对象的属性和值的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了es6 filter() 数组过滤方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最新评论