js基础运用——js用*打印三角形,菱形
来源:互联网 发布:sql server下载安装 编辑:程序博客网 时间:2024/06/05 11:55
js基础运用
新手见解,有不足或更简单的方法希望各位指点
1.用*排列直角三形
(图一)
(图二)
图一图二是js语句利用*号画出来的直角三角形,方法思路都一致,下面以图一为例讲一下本人所用的方法:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> for(var j=1;j<5;j++){ for(var i=1;i<=j;i++) { document.write("*"); } document.write("<br/>");}//此段简单的js代码由三部分组成,1.for(var i=1;i<=j;++){},这段语句用来输出星号。2.for(var j=1;j<5;j++){},这段语句将语句1中语句循环了4次,其中在1中语句之外每循环一次输出一个换行符,使1中每循环完一次便换一行。3.三角形是由上至下,星号逐渐递减的,这个效果是结合了1和2两个语句完成,1中的i<=j便是关键所在,结合2中给j所赋的值达到星号递减。 </script></head><body></body></html>
在画直角三角形的基础上,可以延伸出乘法表的写法,具体如下:
(图三)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> for(var j=1;j<9;j++){ for(var i=1;i<=j;i++){ document.write(i+"×"+j+"="+i*j+" "); } document.write("<br/>");} </script></head><body></body></html>
锐角三角形
(图四)
(图五)
锐角三角形只是在直角三角形上加了一段输出空格的语句,以图四为例:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> for(var j=1;j<5;j++){ for(var a=3;a>=j;a--){ document.write(" ");//相对与直角三角形的写法,在整体结构上,锐角三角形只是在循环输出星号开始之前加了一个输出空格符号的一段for语句,其空格的输出写法思路和星号递减的写法思路大同小异。 } for(var i=1;i<=j;i++){ document.write("*"); } document.write("<br/>");} </script></head><body></body></html>
菱形
(图六)
菱形是js利用 * 号写三角形的进阶用法,且从图六可以看出,三角形中 * 号的递曾和递减都是2个,看起来写法比图一二四五复杂了一些,其实只是一个简单的if语句的嵌套
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> for(i=7;i>=1;i--){ if(i%2>0)//为了让星号以2递增递减,所以型号数量为2,4等偶数数量的行数都必须消失,所以在输出三角形的语句执行之前加入了一个判断i是否为奇数,是奇数就执行代码,否则不执行,这样就达到了1,3,5递增的三角形。 { for(k=i;k>1;k-=1) { document.write(" ") } for(var a=7;a>=i;a--) { document.write("*") } document.write("<br/>"); }} for(i=3;i<9;i++){ if(i%2>0)//这是一个输出倒三角的for语句,方法和正三角基本一样,两个三角组成一个菱形,其实其更像一个平行四边形。 { for(k=i;k>1;k-=2) { document.write(" ") } for(var a=7;a>=i;a--) { document.write("*") } document.write("<br/>"); }} </script></head><body></body></html>
以上便是全部内容,请多多指教。
阅读全文
0 0
- js基础运用——js用*打印三角形,菱形
- 运用JS构造菱形/三角形
- 用js打印菱形
- JS打印空心菱形
- js打印菱形
- 用JavaScript打印三角形、菱形、空心菱形
- 用*打印三角形和菱形
- js实现*号三角形及菱形
- 用 * 打印三角形和菱形----20140802
- Java用 * 打印图形-菱形、空心菱形、三角形等
- Java用 * 打印图形-菱形、空心菱形、三角形等
- 在js中如何打印菱形
- python 打印菱形、三角形、矩形
- 关于用for()循环打印一个三角形(菱形)
- js基础运用-右键菜单
- java 打印三角形,菱形的方法
- 使用java代码打印三角形、平行四边形、菱形
- 用math.abs打印菱形boolean和嵌套for分别打印空心三角形
- 面试编程题
- Matlab 程序结束后发送短信或者邮件
- 《HTTP权威指南》学习笔记(4)第4章连接管理(关键词:计算机网络/HTTP/连接管理)
- 递归遍历UI/遍历控件/动态加载UI
- Data binding 入坑笔记三layout表达式详解
- js基础运用——js用*打印三角形,菱形
- JVM之虚拟机栈
- gSoap
- 统计学习方法:提升方法
- 深度学习(二).Caffe之使用LeNet-5模型识别手写体数字
- 二级列表 购物车
- RxJava被压模式源码分析
- java相关锁
- 一个操作系统的实现-4_保护模式3