web前端：11_JS流程控制语句

最新推荐文章于 2024-10-08 12:21:22 发布

weixin_45906368

最新推荐文章于 2024-10-08 12:21:22 发布

阅读量41

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_45906368/article/details/131699099

版权

1,流程控制语句

分支与语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 单分支
        // let age = 27
        // if(age > 18){
        //     document.write('恭喜你，成年了！')
        // }

        // 双分支
        // let num = Number(prompt("请输入你的成绩"))  //可不用转换，if可以隐式转换类型
        // if(num >= 80){
        //     document.write("考的不错，奖励你！")
        // }else{
        //     document.write("这侧没考好，下次再奖励你！")
        // }

        // // 多分支
        // let num = Number(prompt("请输入你的成绩"))
        // if(num == 100){
        //     document.write("考的不错哈！")
        // }else if(num >= 80){
        //     document.write("考的不错，优秀哦！")

        // }else if(num >= 60){
        //     document.write("考得不错，及格来噢！")
        // }else{
        //     document.write("下次加油！")
        // }

        //执行条件为真的
        //条件为假的情况 0 0.0 null undefined =false
        if('')
            document.write('七零说要多喝热水')
        if('晚上好')
            document.write('七零说要多喝岩浆')

    </script>
</body>
</html>

选择分支语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 案例1
        let num  =Number(prompt("投色子，你扔出了几？"))  //swith必须转换类型，不会隐式转换
        switch(num){
            case 1:
                document.write("扔出了1.")
            break
            case 2:
                document.write("扔出了2.")
            break
            case 3:
                document.write("扔出了3.")
            break
            case 4:
                document.write("扔出了4.")
            break
            case 5:
                document.write("扔出了5.")
            break
            default:
                document.write("你是周润发？")
            break
        }

        // 案例2

        let month = Number(prompt("输入月份"))
        switch(month){
            case 1:
            case 3:
            case 5:
                alert("这个月有31天")
            break
            case 2:
                alert("这个月有28/29天")
            break
            case 4:
            case 6:
                alert("这个月有30天！")
            break
            default:
                alert("????")
            break

        }
    </script>
    
</body>
</html>

while循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>

        // 1
        let num = 1
        // while(num <= 5){
        //     console.log(`这是我喝的第${num}杯奶茶！`)
        //     num++
        // }
        
        // 2
        do{
            console.log(`这是我喝的第${num}杯奶茶！`)
            num++
        }while(num <= 5)

    </script>
    
</body>
</html>

break与continue

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // break 终止整个循环
        let num =  1
        while(num < 9){
            console.log("市场价")
            num++

            if(num == 5){
                console.log("洒出")
                break
            }
        }

        // continue 当循环遇到会跳过，直接进入下次循环
        let day = 0
        while(day < 10){
            day++
            if(day ==7  || day == 5 || day == 4 ){
            continue
            }
            document.write(`我在写第${day}天的作业<br>`)
        }

    </script>
    
</body>
</html>

for循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 循环语句for
        for(let i=1;i<=5;i++){
            console.log(i,"#096 多喝热水")
        }

        // 行列 的矩阵输出
        for(let i=1 ;i <= 5; i++){
            for(let j=1;j <= 10;j++){
                document.write('❤')
            }
            document.write('<br>')
        }
        
    </script>
    
</body>
</html>

作业1：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
    //   让用户输入一个数字（1~12），判断属于哪个季节
    let month = Number(prompt('请输入月份'))

    switch(month){
        case 1:
        case 2:
        case 3:
            document.write("春季")
        break

        case 4:
        case 5:
        case 6:
            document.write("夏季")
        break

        case 7:
        case 8:
        case 9:
            document.write("秋季")
        break

        case 10:
        case 11:
        case 12:
            document.write("秋季")
        break

        default:
            document.write("？？？")
        break
    }

    </script>
    
</body>
</html>

作业2：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
    //   实现99乘法表
    let num = 0
    for(let i=1;i<=9;i++){
        for(let j=1;j<=i;j++){
            num = i*j
            document.write( `${j}*${i} = ${num}   `)
        }
        document.write('<br>')
    }

    </script>
    
</body>
</html>

作业3：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
    //   if和while写一个登录系统，输入失败超过3次就结束程序
    count = 0
    do{
        let name = String(prompt("请输入你的名字"))
        count++
        if(count == 3){
            alert("输出次数上限")
            break
        }
        }while(name!= zxr)
        
    </script>
    
</body>
</html>

作业4：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 写一个猜拳游戏，对方默认出石头
        let ren1 = "石头"
        let ren2 = String(prompt("请猜拳"))
        switch(ren2){
            case "剪刀" :
                document.write("你失败了！")
            break

            case "布" :
                document.write("你赢了！")
            break

            case "石头":
                document.write("你们出的一样，平局！")
            break

            default:
                document.write("没有这个玩法哦！")
        }

    </script>
    
</body>
</html>

作业5：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 打印一个10*10的空心矩阵
        for(let i=1;i<=10;i++){
            for(let j=1;j<=10;j++){
                if(i==1 || i ==10 || j==1 || j==10){
                    document.write("❤")
                }else{
                    document.write('&nbsp&nbsp&nbsp')
                }
            }
            document.write('<br>')
        }
    </script>
    
</body>
</html>