Java教程

JavaScript--流程控制

本文主要是介绍JavaScript--流程控制,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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


这篇关于JavaScript--流程控制的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!