JavaScript--流程控制

Posted 2021-08-07 Z && Y

1. 流程控制

---

1.1 if & else 代码块

        let age = 3;
        if (age >= 18) {
            alert('adult');
        } else if (age >= 6) {
            alert('teenager');
        } else {
            alert('kid');
        }

---

1.2 三目运算符

• 语法结构

  表达式1 ? 表达式2 : 表达式3;
  

• 执行思路

  • 如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值
  • 简单理解： 就类似于 if else （双分支） 的简写

示例：

        let num = 3;
        console.log(num >= 5 ? 10 : 20) // 20

        let b = 1, a = 2;
        a >= 2 ? b++ : b--; // b = 2

---

1.3 switch分支流程控制

语法：

switch (expression) {
            case 变量x:
            // 语句1代码块
                break;
            case 变量y:
            // 语句2代码块
                break;
            case 变量z:
                // 语句3代码块
                break;
            default:
            // 默认执行代码块(如果以上请看都不满足就执行这里的语句)
        }

示例：

        let flag = 3;

        switch (flag) {
            case 1:
                alert("case 1:")
                break;
            case 2:
                alert(" case 2:")
                break;
            case 3:
                alert("case 3:")
                break;
            default:
                alert("default:")
        }

运行结果：

---

1.4 for循环

---

1.4.1 基础语法

        for (let i = 0; i < 100; i++) {
            console.log("i: " + i)
        }

---

1.4.2 遍历数组

---

1.4.3 无限循环

---

1.4.4 for…in…

---

1.4.5 forEach

        let arr = ['a', 'b', 'c']
        // value就是arr里面的每一个元素
        arr.forEach(value => {
            console.log(value)// 'a', 'b', 'c'
        })

---

1.5 While循环

while只有条件成立才执行循环；do while无论条件成立与否，都至少要执行一次循环。do-while是先执行再判断，即使第一次判断为否也会执行一次。

1.5.1 基本操作

        let index = 0;
        while (index < 10) {
            index++;
        }
        alert(index); // 10

---

1.5.2 do…while

        let n = 0;
        do {
            n = n + 1;
        } while (n < 100);
        alert(n); // 100

---

---