美文网首页JavaScript
03、JavaScript-流程控制

03、JavaScript-流程控制

作者: EndEvent | 来源:发表于2017-04-25 17:33 被阅读126次

每天一句:当你进退两难的时候如何做出决定?—— 抛硬币,当你第一次抛了以后想再抛一次的时候,你就已经知道答案了。


一、if语句

  • if(条件表达式)
  var box = 100;
  if(box > 50) alert('box 大于 50');
        
  var box = 100;
  if(box > 50)  // 大括号省略时,if语句只针对   第一行有效!!!
    alert('box 大于 50');
    alert('不管怎样,我都能被执行到! ');
        
  var box = 100;
  if(box < 50) {
    alert('box 大于 50');
    alert('不管怎样,我都能被执行到 !'); 
  }
  • if(条件表达式){语句;} else{语句;}
  var box = 100;
  if (box > 50) {   // 条件为true
    alert('box 大于 50');
  } else {          // 条件
    alert('box 小于 50');
  }
  • if(条件表达式){语句;} else if(条件表达式){语句;} … else{语句;}
  var box = 100;
  if(box >= 100) {
    alert('甲');
  } else if(box >= 90) {
    alert('乙');
  } else if(box >= 80) {
    alert('丙');
  } else if(box >= 70) {
    alert('丁');
  } else if(box >= 60) {
    alert('及格');
  } else {
    alert('不及格');
  }
if语句

二、switch语句

switch语句是多重条件判断,用于多个值相等的比较。

  var num = 1;
  // 用于判断 box 相等的多个值
  switch (num){
    case 1:
      alert('星期一');
    break;  // break;用于防止语句的穿透

    case 2:
      alert('星期二');
    break;

    default:  // 相当于if语句中的else,否则的意思,即都不满足的时候执行
      alert(111);
    break;
  }

三、do...while循环

do...while循环是一种先执行,后判断的循环语句;即不管条件是否满足,至少会执行一次循环体

  // do...while语句(先运行,再判断)
  var num = 1;
  do{
    num ++;
  } while( num <=5 );
  alert(num);
do-while

四、while循环

while循环是一种先判断,后运行的循环语句;即必须满足条件之后,才会运行循环体。

  // while语句(先判断,再运行)
  num = 1;
  while(num <= 5){
    num++;
  }
  alert(num);
while

五、for循环

for循环也是一种先判断,后运行的循环语句;但它具有在执行循环之前初始化变量的能力

  for(var i=0; i<5; i++){
    document.write(i + '<br/>’);
  }
  // 第一步: 声明变量 var i = 0;
  // 第二步:判断 i < 5
  // 第三步:符合条件即是执行document.write(i + ‘<br/>’);
  // 第四步:i++操作
  // 第五步:从第二步开始循环操作,直到条件为false
  循环n次,从0开始
  for(var i=0; i<n; i++){}

  循环n次,从1开始
  for(var i=1; i<=n; i++){}

六、break和continue

break和continue语句都是用于循环中精确控制代码执行的。break语句会退出(结束)循环,强制执行循环体后面的语句;continue语句跳过当前循环,继续后面的循环。

七、无限循环(死循环)

  while(true){}
  while(1) {}
  for(;;){}

八、适用场景

while循环,适用于次数不固定的循环操作;
for循环,更多适用于循环次数固定的操作;

九、练习案例

案例1: for循环生成1000个按钮(优化处理);
案例2: 一个新入职,月工资为2000元的员工,每年涨工资2%,到退休时工作50年的月工资是多少;
案例3: 输出100以内所有7的倍数
案例4: 打印100–200之间所有能被3或者7整除的数;
案例5: 计算10的阶乘;
案例6: 计算1+3+5+...+99的和; (多种方法实现)
案例7: 对应打印出下列图案1

*                       
* *         
* * *       
* * * *     
* * * * *

案例8: 对应打印出下列图案2
*
* * 
* * *
* * * *
* * * * *

案例9: 打印99乘法表;
案例10: 输入行和列生成对应表格;

相关文章

  • 03、JavaScript-流程控制

    每天一句:当你进退两难的时候如何做出决定?—— 抛硬币,当你第一次抛了以后想再抛一次的时候,你就已经知道答案了。 ...

  • JavaScript-流程控制语句

    一、if流程控制语句 二、switch流程控制语句 三、流程控制语句

  • JavaScript-03

    JavaScript-03 分支结构 流程控制语句 程序的流程控制 程序=数据+算法任何复杂的程序算法都可以通过"...

  • JavaScript-运算符、流程控制

    运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中...

  • 03流程控制语句

    if 语句,switch 语句,goto 语句,循环语句 [注]流程控制语句是为了实现程序控制而产生的 一丶if语...

  • ★03.控制执行流程

    标签:标签必须置于一层或多层迭代结构前,然后可以在内部continue或break到标签处。前者会继续执行迭代,后...

  • 03-流程控制

  • 5-流程控制

    流程控制 流程 计算机执行代码的顺序就是流程 流程控制 对计算机代码执行顺序的管理就是流程控制 流程分类 流程控制...

  • 04-流程控制及while循环

    流程控制 流程: 计算机执行代码的顺序,就是流程。 流程控制: 对计算机代码执行顺序的控制,就是流程控制。 流程分...

  • js流程控制

    2 - 流程控制 2.1 流程控制概念 2.2 顺序流程控制 ​ 顺序结构是程序中最简单、最基本的流程控制,它...

网友评论

    本文标题:03、JavaScript-流程控制

    本文链接:https://www.haomeiwen.com/subject/hkxmzttx.html