码迷,mamicode.com
首页 > Web开发 > 详细

JS 流程控制-条件分支 循环语句

时间:2019-11-23 20:10:30      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:不能   变量   for   case   控制   另类   ase   不执行   if语句   

条件分支-if语句

单分支

格式:  if (条件)
      {代码块}
 
当条件满足时,执行大括号里的代码块
let F65 = 3;
let F66 = 2;
if (F65 > F66) {
     console.log(`F65大于F66`);
}//F65大于F66
 

多分支

格式:  if (条件1)
            {代码块A}
          else if(条件2)
     {代码块B}
     else if(条件3)
     {代码块C}
     else
     {代码D}
 
当条件1满足时,执行代码块A,当条件1不满足时,判断条件2,满足执行代码块B,
不满足判断条件3...else if可以又很多个...都不满足,执行代码D
注:有时候条件不是很严谨,条件1和条件2都可以满足,但是当条件1满足了,
  就直接执行代码块A,不会去判断条件2了,代码块B得不到执行的机会。
 
F65 = 3;
F66 = 2;
if (F65 > F66) {
    console.log(`F65大于F66`);
}else{
    console.log(`F65不大于F66`);
}
 
 

条件分支-switch语句

switch(匹配值){
     case 表达式1:
        代码1;
        break;
      case 表达式2:
        代码2;
        break;
      ...
      case 表达式n:
        代码n;
        break;
      default:
      代码;
      break;
 }
 
匹配值与表达式是全等匹配,如果相等就执行相等case后的代码块。
由于case执行完成后,会依然执行后面case的代码块,因此在每个case后面加一个break;
当所有case都不相等时,则会执行default后的代码块,default后面可以不加break。
 
 
循环:一个代码块,重复执行多次。

循环语句-while

方式1

while(条件)
  {代码块A}
 
1、判断条件是否为真,如果为真,一直循环执行while里面的代码块。
2、如果条件为假(在代码块里面修改),终止执行代码块。
3、如果在代码块里遇到break;也会终止循环。
 

方式2

 
do {
   代码块
} while (条件)
1、执行代码块。
2、判断条件是否为真,如果为真,继续执行do里面的代码块。
3、如果条件为假(在代码块里面修改),终止执行代码块。
4、如果在代码块里遇到break;也会终止循环。
 
 

循环语句-for

 

for(表达式1;表达式2;表达式3)
    {代码块4}
执行步骤:
    step1:表达式1  一般在此处定义一个循环变量并初始化赋值(也可以是多个)
 
    step2: 表达式2   定义循环变量的判断条件
    step3: 代码块4   想要多次循环的代码,在此处也可以修改循环变量的值
    step4: 表达式3   循环变量的变化,一般是++或--
    
    step5: 表达式2
    step6: 代码块4
    step7: 表达式3
    ...
    表达式2、4、3会一直依次执行,直到表达式2判断为假,结束循环。
注:如果在代码块里遇到break;也会终止循环。
 
简写方式
    let i = 10;
      for (; i;) {
             console.log(i--);
          }
注:表达式可以省略,但是分号不能。
 
 

break:终止循环

如果循环有嵌套,只会终止当前这一层循环;

continue:结束本轮循环;

立即结束当前(本次)循环,continue后面的代码都不执行了,直接进行下一次判断循环。

 

 

另类break

在循环前面加个“ID”
F65: for...
在任何地方都可以直接结束循环:
break F65;
在多层循环的时候蛮好用。
    

JS 流程控制-条件分支 循环语句

标签:不能   变量   for   case   控制   另类   ase   不执行   if语句   

原文地址:https://www.cnblogs.com/jiayouba/p/11919325.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!