【13.0】JavaScript之流程控制

【一】if判断

【1】语法

// if - else
if (条件){条件成立执行的代码块}else{条件不成立时执行的代码块}
// if - else if - else
if (条件){条件成立执行的代码块}else if(条件){条件成立执行的代码块}else{条件不成立时执行的代码块}


// () 条件 {} 执行的代码块

【2】if ~ else

var age = 10;
if (age >= 18) {
    console.log("你好")
} else {
    console.log("滚蛋")
};

【3】if ~ else ~ else if

if (age >= 18 ){
    console.log("你好")
}else if(age<10){
    console.log("萝莉酱")
}else{
    console.log("滚蛋")
};

【二】switch - case 语法

【1】语法

• 提前定义好可能出现的条件和解决方式
• break
  • 如果不加break，匹配成功之后会依次执行
• default
  • 所有条件都不成立时走的代码

【2】示例

switch (num) {
    case 0:
        console.log("喝酒");
        break;

    case 1:
        console.log("吃饭");
        break;

    case 2:
        console.log("打牌");
        break;
    default:
        console.log("走人");
};

【三】for循环

【1】语法

for (起始条件，结束条件，循环条件){条件成立执行的代码}

【2】示例

（1）打印 0-9 的数字

for (let i=0;i<10;i++){
    console.log(i)
}

（2）打印列表内的每一个值

var ll = [11,22,33,44,55,66,77];
for (let i = 0;i < ll.length; i++){
    console.log(ll[i])
};

【四】while循环

【1】语法

while (条件){条件成立执行的代码}

【2】示例

var i = 0;
while (i<100){
    console.log(i)
    i++;
};

【五】do ~ while 循环

【1】语法

• 后侧循环语句
• 最少执行一次

do {
  // 执行的代码
} while (条件);

【2】示例

• 打印出数字从 1 到 5

let i = 1;
do {
  console.log(i);
  i++;
} while (i <= 5);

• 首先会打印出数字 1，然后进入 while 循环。
• 由于 i 的值是 1，满足 while 条件，所以会再次执行循环体，打印出数字 2，并将 i 的值加 1。
• 这个过程会一直重复，直到 i 的值大于 5，不再满足 while 条件，循环才会结束。

【六】三元运算符

【1】Python中

res = 4 if 1 > 2 else 6

【2】JavaScript中

条件 ？ 条件成立取到的值:条件不成立取到的值

var res = 1 > 2 ? 4 : 6;
// 6

var res = 1 > 2 ? 4 : (8 > 5 ? 999 : 888);
// 999

三元运算符不要过于复杂