JS随笔4

Posted 2020-08-07

经过这些天，JS也来到了有趣的地方了，我们的目标是什么？懒！那么就从循环语句开始吧：

 

 循环语句

 1.while

语法：
while (exp) {
//statements;
}

说明：
while (变量<=结束值) { 需执行的代码 }

//while
//从1到1000输出1000个数字
var i =1;
while(i<1001){
    document.write(i+‘ ‘)
    if(i%10==0){
        document.write(‘<br/>‘)//这里if语句控制换行的条件，下同
    }
    i++
}

 

 我们还可以控制只输出奇书或者偶数：

//只输出奇数
var i =1;
while(i<1001){
    if(i%2!=0){
    document.write(i+‘ ‘)
    }
    if(i%20==0){
        document.write(‘<br/>‘)
    }
    i++
}

 

 

  1.do...while

do {
//statements;
}while (condition);

do { 需执行的代码 } while (变量<=结束值)

var i=1;
do{
    document.write(i);
    if(i%50==0){
        document.write(‘<br/>‘)
    }
    i++;
}while(i<1001);

 

 PS：while和do...while的区别不难看出，就是先判断还是先执行。

 

3.for循环语句

for语句是最常用的循环语句，下面是基本语法：

for(initial; expression; post-loop-expression){
//statement;
}

for (变量=开始值;变量<=结束值;变量=变量+步进值) {
需执行的代码
}

for (var i = 1; i <10; i++) {
    document.write(‘<img src="images/‘+i+‘.jpg"/>‘);
}
//值得注意的是图片的地址是相对于html来说的，以及 + 的拼接作用

 

 

break 语句和 continue 语句

break 语句可以立即退出循环;
continue 语句只是退出当前循环;

//break语句
var n=o;
for (var i=1;i<10;i++){
     if(i>5){
           break; 
           }
    n++;
}
alert(n);


//continue语句
var n=0;
for(var=1;i<10;i++){
    if(i==4){
        continue;
         }
  n++;
}
ducument.write(n);

 

 

 ps:程序的执行流程一般是按照从上到下的流程执行的；如果是if语句，而且条件不成立的话，代码就不执行；switch当中不符合case值得代码段一般也不会执行；while，for循环语句当中的循环体只要条件成立就会自动循环执行。