美文网首页
2.原生js——流程控制语句

2.原生js——流程控制语句

作者: 取个帅气的名字真好 | 来源:发表于2017-11-22 09:55 被阅读6次

流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等7种语句。

一、if条件判断语句

if语句是编程语言最常用的语句,语法

if(condition){
   //true statement
}else {
   //false statement
}

ps:condition可以是任意表达式,结果不一定是布尔值,JavaScript解释器会自动调用Boolean()将表达式结果转为布尔值,如果表达式为真执行第一个代码块内语句,如果为假执行第二个代码块内语句

if语句可以单独使用,也可以和多个else连续使用

if(a > 2){
    // statement
}


if( a == 1){

}else if(a == 2){

}else if(a == 3 ){

}else{

}

二、for循环语句

for语句也是前测试循环语句,但具备在执行循环代码以前初始化变量和定义循环后要执行代码的能力,改造一下while语句

for(var i = 10; i > 0; i--){
    console.log(i);
}

for-in

for-in是一种迭代语句,用于枚举对象的属性

for (变量 in 对象){
   在此执行代码
}

ps:“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

如:

var obj = {a:1, b:2, c:3};

for (var prop in obj) {
  console.log(obj[prop]);
}

//1
//2
//3

三、while循环语句

while语句属于前测试循环语句,也就是在循环体内的代码被执行之前,就会对条件求值,不符合的话就不会执行

while(expression){
    statement;
}

如:

var i = 10;
while(i > 0){
   console.log(i);
   i--;
}

四、do……while循环语句

do……while是后测试循环语句,在出口条件判断之前就会执行一次代码。

do{
    statement;
}while(expression);

如:

var i = 5;
do{
    console.log(i);
    i--;
}while(i > 6);

五、break和continue

break关键字在switch语句中已经见过,这两个关键字多用在循环语句中

  • break 用于强制退出循环体,执行循环后面的语句
  • continue 用于退出本次循环,执行下次循环

如:

for(var i = 1; i< 10; i++){
    if(i % 4 === 0){
        break;
    }

    console.log(i);
}
//输出
//1
//2
//3

for(var i = 1; i< 10; i++){
    if(i % 4 === 0){
        continue;
    }

    console.log(i);
}
//输出
//1
//2
//3
//5
//6
//7
//8
//9

六、switch语句

switch 语句用于基于不同的条件来执行不同的动作。

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

ps:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

相关文章

  • 2.原生js——流程控制语句

    流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、d...

  • [JS基础]笔记四

    js流程控制语句 流程控制 顺序结构、分支结构、循环结构 分支结构 if 分支结构 if else 双分支结构语句...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • web进阶之二十:JavaScript 语法之函数的流程控制

    流程控制   流程控制语句JS中的程序是从上到下一行一行执行的,通过流程控制语句可以控制程序执行流程,使程序可以根...

  • 12

    流程控制语句 /*流程控制语句- JS中的程序是从上到下一行一行执行的- ...

  • js之你不知道的流程控制

    js 流程控制(语句) 1. if 语句 大多数编程语言常用的语句: if (condition 1){ sta...

  • JS流程控制语句、条件判断语句

    流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以根据...

  • JS的一些 流程控制语句、多重条件判断语句、以及数组的操作方法

    流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以根据...

  • 2019-06-11第十二天

    1、流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以...

  • 2019-04-04第十三天

    1、流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以...

网友评论

      本文标题:2.原生js——流程控制语句

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