JS流程控制语句

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跳出循环。

最后编辑于：2019.02.22 02:18:59