JavaScript-循环控制语句/循环嵌套的特点

【循环控制语句】
  1、break:终止本层循环,继续执行后面的语句;
   当循环有多层时,break只会跳过一层循环;
  2、continue:跳过本次循环,继续执行下一次循环;
   对于for循环,continue执行后,继续执行循环变量更新语句n++
   对于while,do-while,continue执行后,继续执行循环条件判断;所以使用这两个
   循环时,必须注意:continue一定要在n++之后使用;
 
 
【循环嵌套的特点】
外层循环转一次,内层循环转一圈
 
[做图形题思路]
1、确定图形一共几行,即为外层的循环的
2、确定每行有几种元素,代表有几个内嵌
3、确定每种元素的个数,即为每个内层循环的次数;
 Tips:通常,找出每种元素个数,与行号的关系式,即为当前内层循环的最大值;(从1开始循环)
 
案例:
 
HTML代码如下:
<script type="text/javascript">
/*
1+(1+2)+(1+2+3)+(1+2+3+4)+(1+2+3+4+5)=35
*/
 
var sum=0;
 
for(var n=1;n<=5;n++){
sumrow=0;
if(n!=1)document.write("(");
for(var a=1;a<=n;a++){
if(a!=n)document.write(a+"+")
else document.write(a)
sumrow+=a;
}
if(n==1)document.write("+");
else if(n==5)document.write(")=");
else  document.write(")+");
 
sum+=sumrow;
}
document.write(sum)
</script>
 
 
案例:
 
 
html代码如下:
图形题:
<script type="text/javascript">
/*[长方形]
  *****
  *****
  *****
  *****
  *****
*/
 
 
for(var n=1;n<=5;n++){
for(var m=1;m<=5;m++){
document.write("*")}
document.write("*<br />");
 
}
 
 
 
 
 
/*[直角三角形]
*
**
***
****
*****
*/
 
for(var n=1;n<=5;n++){
for(var m=1;m<=n;m++){
document.write("*")
}document.write("<br />")
}
 
/*[平行四边形]
  *****
   *****
    *****
     *****
      *****
*/
 
for(var n=1;n<=5;n++){
for(var m=1;m<=n-1;m++){
document.write("&nbsp")
}for(var b=1;b<=n;b++){
document.write("*")
}document.write("<br />")
}
 
/*[菱形]
*
  ***
*****
*******
*****
  ***
   *
*/
 
//行
for(var n=1;n<=4;n++){
//空格
for(var m=3;m>=n;m--){
document.write("&nbsp")
}for(var b=1;b<=2*n-1;b++){
document.write("*")
}document.write("<br />")
}
for(var n=3;n>=1;n--){
for(var m=3;m>=n;m--){
document.write("&nbsp")
}for(var b=1;b<=2*n-1;b++){
document.write("*")
}document.write("<br />")
 
 
}
 
/* [数字等边三角形]
    1
   121
  12321
1234321
*/
for(var i=1;i<=4;i++){
// 空格
for(var k=1;k<=4-i;k++){
document.write("<span style='display: inline-block; 8px;'></span>");
}
var n = 1;
// 递增
for(var j=1;j<=i;j++){
document.write(n);
n++;
}
n-=2;
// 递减
for(var m=1;m<=i-1;m++){
document.write(n);
n--;
}
// 回车
document.write("<br/>");
}
 
/* [99乘法表]以table表格的形式打印
1*1=1
2*1=2 2*2=4
3*1=3 3*2=6 3*3=9
4*1=4 4*2=8 4*3=12 4*4=16
……
 
*/
document.write("<table border='1'>")
for(var i=1;i<=9;i++){
document.write("<tr>")
for(var j=1;j<=i;j++){
document.write("<td>"+i+"*"+j+"="+i*j+"</td>");
}
document.write("</tr>")
}
document.write("</table>")
 
 
 
 
 
 
 
 
 
</script>
原文地址:https://www.cnblogs.com/zhuanzhibukaixin/p/6685134.html