美文网首页
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——流程控制语句

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