美文网首页
JS流程控制语句

JS流程控制语句

作者: 一条没有梦想的老咸鱼 | 来源:发表于2019-02-22 02:18 被阅读0次

    if语句

    if语句是编程语言中用的最多的语句,语法如下

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

    condition(条件)可以是任意表达式,Javascript解析器会调用Boolean()将这个表达式的结果转换成布尔值,如果结果为true则执行true statement,如果为false则执行false statement

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

    var age = 16;
    if(age >= 20){
        console.log("大于等于20岁")
    }else if(age < 20 && age > 15){
        console.log("小于20岁,却大于15")
    }else{
        console.log("小于15岁")
    }
    //结果:小于20岁,却大于15
    

    label语句

    使用label语句可以在代码中添加标签,以便将来使用。

    start: for (var i=0;i<conut;i++){
        console.log(i);
    }
    

    这个例子定义了start标签可以在将来由break和continue语句来引用

    label语句一般用不上

    switch语句

    switch进行判断的时候使用的是全等===不会做类型转换

    switch语句与if语句是关系密切,事实上if和switch是可以相互取代的。语法如下:

    switch(expression){
        case value: statement;
        break;
        case value:statement;
        break;
        case value:statement;
        break;
        case value:statment;
        break;
        default:statment;
    }
    

    每一个case代表一个情形,如果表达式等于这个值(value)则执行后面的statement(语句),break是关键字会导致代码执行流跳出swich语句。

    如果忽略break会导致同时执行多个case statement的情况

    var i = 2;
    switch(true){
        case i == 2:
            console.log("i == 2")
        case i == 3:
            console.log("i == 3")
            break;
        default:
            console.log("xx")
    }
    /*
    结果为:i == 2
            i == 3
    */
    

    有时候我们会故意忽略break

    var i = 70;
    switch(i){
        case 70:
        case 71:
        case 72:
        case 73:
        case 74:
            console.log("i >= 70");
            break;
        default:
            console.log(i);
    }
    //结果为:i >= 70;
    

    while 和 do-while

    while语句

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

    while(expression){
        statement;
    }
    

    下面是一个示例:

    var i = 0;
    while(i < 10){
        i += 2;
    }
    

    这个例子中循环条件为i < 10,i初始值为0,每次循环+2.只要i的值小于10就一一直循环;

    do-while语句

    do-while语句是后测试循环语句,既循环体内部代码被执行后,再去测试条件。也就是说不管什么情况都会执行一次,语法如下:

    do{
        statement;
    }while(expression)
    

    下面是一个示例:

    var i = 0;
    do{
        i += 2;
    }while(i > 10);
    console.log(i);
    

    for语句

    for语句也是前测试语句,但他具备在循环之前初始化变量和定义循环后要执行的代码的能力,语法如下:

    for(var i = 0;i < 10;i++){
        statement;
    }
    

    下面是一个遍历数组示例:

    var arr = [1,2,3,4,5]
    for(var i = 0;i < arr.length;i++){
        console.log(arr[i]);
    }
    /*结果为:
    1
    2
    3
    4
    5
    */
    

    for-in语句

    for-in语句是一种精准迭代语句,可以用于枚举对象的属性,语法如下:

    for(property in expressin)statement;
    

    下面是一个示例:

    var obj = {a:1,b:2,c:3,d:4}//创建一个对象,属性名分别a,b,c,d;
    for(var propName in obj){
        console.log(propName);
    }
    /*结果为:
    a
    b
    c
    d
    */
    

    break和continue

    这两个关键字多用于循环语句中

    • break 用于强制退出循环,执行循环语句后面的语句
    • continue 用于退出本次循环,回到循环头部继续循环;

    示例:

    var num = 0;
    for(var i = 0 ;i < 10;i++){
        if(i % 5 === 0){
            break;
        }
        num++;
    }
    console.log(num);//4;
    

    上面这个示例i由0递增为10,但是我们在循环体里面里面添加了一个if语句来检测i的值是否能被5整除,如果可以就会退出循环。所以num最后的值为4;
    如果这个例子中break换continue则是另一种结果;

    var num = 0;
    for(var i = 0 ;i < 10;i++){
        if(i % 5 === 0){
            continue;
        }
        num++;
    }
    console.log(num);//8
    

    例子的结果为8;

    break和continue语句也已和label语句结合使用

    var num = 0;
    outermost:
    for(var i = 0;i<10;i++){
        for(var j = 0;j<10;j++){
            if(i == 5 && j == 5){
                break outermost;
            }
            num++;
        }
    }
    console.log(num)
    

    如果每个循环都是正常执行10次,这num应该为100。但是当i和j同时等于5时num正好55,然后break outermost跳出循环。

    相关文章

      网友评论

          本文标题:JS流程控制语句

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