JavaScript的流程控制语句

最新推荐文章于 2024-03-06 14:15:00 发布

外太空程序员

最新推荐文章于 2024-03-06 14:15:00 发布

阅读量697

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_48516121/article/details/121140365

版权

一、条件语句

（1）条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句，最基本的条件语句：

if…else
switch…case

（2）if…else

if…else语句是一种最基本的控制语句，它让JavaScript可以有条件的执行语句。

（2.2）例题：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>if语句</title>
</head>
<body>
<script>
    // 需求，你去网吧，如果满了18岁则可以上网，如果没满18则不能上网
    let age=18;
    if(age>=18){
        document.write("你可以上网了")
    }else{
        document.write("你还不能上网"+"<br/>")
    }
    //小明考试得分奖励
    // 如果是90-100，奖励游戏机
    // 80-89，奖励台湾一日游
    //70-79奖励100块钱
    //60-69奖励两张试卷
    //否则大嘴巴子
    let cj=prompt("请输入你的成绩",60);//键盘输入
    if(90<=cj&&cj<=100){
        document.write("奖励游戏机一台")
    }else if(80<=cj&&cj<=89){
        document.write("奖励台湾一日游")
    }
    else if(70<=cj&&cj<=79){
        document.write("奖励100块钱")
    }else if(60<=cj&&cj<=69){
        document.write("奖励两张试卷")
    }else {
        document.write("给你个大嘴巴子")
    }
</script>
</body>

（3）switch…case语句

switch…case是另一种流程控制语句。

switch语句更适用于多条分支使用同一条语句的情况。

switch（变量名）{

case 常量值：

执行体

break；

case 常量值：

执行体

break；

case 常量值：

break；

case 常量值：

break；

default

}

如果变量名等于某一个分支的常量值，就被执行这个代码段

如果

（3.1）例题1：输入月份，判断月份属于哪个季节

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>switch</title>
</head>
<body>
<script>
    var a=prompt("请输入你的数字")
    var month=parseInt(a);
    switch (month) {
        case 1:
        case 11:
        case 12:
            document.write("冬季")
            break;
        case 2:
        case 3:
        case 4:
            document.write("春季")
            break;
        case 5:
        case 6:
        case 7:
            document.write("夏季")
            break;
        case 8:
        case 9:
        case 10:
            document.write("秋季")
            break;
        default:
            document.write("你输入的月份不在1-12中，请重新输入！")
    }
    </script>
</body>
</html>

（3.2）例1：根据today的数值，输出今天是星期几。

var today = 1;
switch (today) {
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    case 3:
        console.log("星期三");
        break;
    case 4:
        console.log("星期四");
        break;
    case 5:
        console.log("星期五");
        break;
    case 6:
        console.log("星期六");
        break;
    case 7:
        console.log("星期日");
        break;
    default:
        console.log("输入错误");
}

二、循环语句：

循环语句和条件语句一样，也是基本的控制语句，只要满足一定的条件将会一直执行，最基本的循环语句：

while
do…while
for

（2.1） while语句：

while语句是一个最基本的循环语句，while语句也被称为while循环。

语法格式：

while（条件表达式）{
需要执行的代码
控制语句
}

例题：利用一张纸，每次折几次，才能达到珠穆朗玛峰8844.43米

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>while作业</title>
</head>
<body>
<script>
    // 先将8844.43换成nm为884430
    let zf=8844430;
    // 计算折痕次数的值，初始值为
    let count=0;
    let paper=0.1;
    while(paper <= zf) {
        // 纸张厚度叠加
        paper *= 2;
        count++;
    }
    document.write("纸张的折痕次数为"+count);
</script>
</body>
</html>

（2.2） do...while语句：

do…while和while非常类似，只不过它会在循环的尾部而不是顶部检查表达式的值，因此，do…while循环会至少执行一次。相比于while，do…while的使用情况并不是很多。

语法格式：

do{
//需要执行的代码}；
while（条件表达式）

例题：输出1-10。

var i = 1;
do {
    console.log(i);
    i++;
} while (i <= 10);

（2.3） for语句：

（2.1.3） for语句也是循环控制语句，我们也称它为for循环。大部分循环都会有一个计数器用以控制循环执行的次数，计数器的三个关键操作是初始化、检测和更新。for语句就将这三步操作明确为了语法的一部分。

（2.1.4）语法格式：

for（var i=0;i<=n;i++）
{

//指定循环次数
}

（2.1.5）例题1.九九乘法表输出

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for循环</title>
    <style>
        td {
            border: 1px solid pink;
        }
    </style>
</head>
<body>
<!--//九九乘法表-->
<script>
  //让用户输入乘法表的数量
    let num=prompt("请输入这个乘法表")
  document.write("<table  align='center'> ");
    for(let i=1;i<=num;i++){
        document.write("<tr>");
        for(let j=1;j<=i;j++){
            document.write("<td>");
            document.write(i + "*" + j + "=" + (i * j));
            document.write("</td>");
        }
        document.write("</tr>");
    }
document.write("</table>");
</script>
</body>
</html>

（2.1.5）例题1.水仙花数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水仙花数作业</title>
</head>
<body>
<script>
    for (let i = 100; i < 1000; i++) {
        // parseInt()为取整
        // 取百位
        let a = parseInt(i / 100);
        // 取十位
        let b = parseInt(i/10%10);
        // 取个位
        let c = parseInt(i % 10);
        // 判断这三个数是否为水仙花数
        if (i == (a * a * a + b * b * b + c * c * c)) {
            //输出的结果为153、370、371、407
            document.write(i + "是一个水仙花数"+"<br/>");
        }
    }
</script>
</body>
</html>

（2.1.6）例题1.0-100的和

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    let n=0;
    for(i=1;i<=100;i++){
        n+=i;
    }
    document.write(n);
</script>
</body>
</html>

外太空程序员

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的流程控制语句

一、条件语句（1）条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句，最基本的条件语句：if…else switch…case（2）if…elseif…else语句是一种最基本的控制语句，它让JavaScript可以有条件的执行语句。（2.2）例题：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>if语句&
复制链接

扫一扫