JS流程控制(语句)

Posted maplethefox

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS流程控制(语句)相关的知识,希望对你有一定的参考价值。

一、流程控制

1. 作用:控制代码的执行顺序

2. 分类:

(1) 顺序结构:从上到下依次执行代码语句

(2) 分支/选择结构

1. if语句

简单if结构

  if(条件表达式)
      表达式成立时执行的代码段
  

注意 : 除零值以外,其他值都为真,以下条件为假值false

if(0)
if(0.0)
if("") //空字符串
if(undefined)
if(NaN)
if(null)

特殊写法 :  可以省略,一旦省略,if语句只控制其后的第一行代码

var a = 10;
if(a<5)
    console.log(‘成立‘);    //如果if不成立则不运行

if(a<5)console.log(‘成立‘);    //如果if不成立则不运行
console.log(‘测试‘);

2.if - else结构

if(条件表达式)
    //条件成立时执行
else
    //条件不成立时选择执行
var a = 10;
if(a==0)
    console.log(‘成立‘)
else
    console.log(‘不成立‘)

3.多重分支结构

 if(条件1)
    //条件1成立时执行
else if(条件2)
    //条件2成立时执行
else if(条件3)
    //条件3成立时执行
...else
    //条件不成立时执行
var bmi=23.5;
if(bmi>23.5)
    console.log(‘肥胖‘)
else if(bmi>=18.5)
    console.log(‘正常‘)
else
    console.log(‘偏瘦‘)

//正常

4.switch语句

语法 :

switch(value)
     case 值1 :
     //value与值1匹配全等时,执行的代码段
     break; //结束匹配
     case 值2 :
     //value与值2匹配全等时,执行的代码段
     break;
     case 值3 :
     //value与值3匹配全等时,执行的代码段
     break;
     default:
      //所有case匹配失败后默认执行的语句
      break;

使用 :

  1. switch语句用于值的匹配,case用于列出所有可能的值;只有switch()表达式的值与case的值匹配全等时,才会执行case对应的代码段

  2. break用于结束匹配,不再向后执行;可以省略,break一旦省略,会从当前匹配到的case开始,向后执行所有的代码语句,直至结束或碰到break跳出

  3. default用来表示所有case都匹配失败的情况,一般写在末尾,做默认操作

  4. 多个case共用代码段

            case 值1:

            case 值2:

            case 值3:

            以上任意一个值匹配全等都会执行的代码段

技术图片
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         //var week = Number(prompt(‘请输入0-6之间是数字‘));
 8         //var week = parseInt(prompt(‘请输入0-6之间是数字‘));
 9         /*switch(week)
10             case 0://‘0‘===0
11                 //变量值与case列举的值匹配全等时执行的代码段
12                 console.log(‘星期日‘)
13                 break;
14             case 1:
15                 console.log(‘星期一‘)
16                 break;
17             default:
18                 console.log(‘请输入合法值‘);
19 
20         */
21         //多个case共用代码段
22         var month = Number(prompt(‘月份‘));
23         switch(month)
24             case 1:
25             case 3:
26             case 5:
27             case 7:
28             case 8:
29             case 10:
30             case 12:
31                 console.log(‘31天‘);
32                 break;
33             case 2:
34                 console.log(‘28天‘);
35                 break;
36             default:
37                 console.log(‘30天‘);
38         
39     </script>
40 </head>
41 <body>
42 </body>
43 </html>
switch示例

5. 循环结构

作用:根据条件,重复执行某段代码

分类

  1. while循环

定义循环变量;
  while(循环条件)
   条件满足时执行的代码段
   更新循环变量;
  
//循环变量
var i = 1;
var sum=0;
while(i<101)
    //循环体
    console.log(i);
    sum+=i;
    //更新循环变量
    i++;

console.log(sum);

  2. do-while循环

do
    循环体;
    更新循环变量
while(循环条件);
//循环输出一百次
var i = 101;
do
    console.log(‘python‘);
    //更新循环变量
    i++;
while(i<101);

 与while循环的区别 

while循环先判断循环条件,条件成立才执行循环体

do-while循环不管条件是否成立,先执行一次循环体

  3. for循环

for(定义循环变量;循环条件;更新循环变量)
    循环体;

循环控制 :

  1. break 强制结束循环

  2. continue 结束当次循环,开始下一次循环

  循环嵌套 :  在循环中嵌套添加其他循环

/*控制循环体的执行:break/continue*/
for(var i=1;i<10;i++)
console.log(i);
    if(i==5)
        console.log(‘--------‘)
        //一旦执行break,循环体中后面的代码都不执行
        break;
    

 

 

 

以上是关于JS流程控制(语句)的主要内容,如果未能解决你的问题,请参考以下文章

JS流程控制语句

js流程控制语句

JS流程控制(语句)

2020/6/28 JS流程控制语句和循环语句

js流程控制语句

js 中的流程控制-条件语句