JavaScript——流程控制

最新推荐文章于 2024-08-07 09:14:10 发布

mmm要努力做码农！

最新推荐文章于 2024-08-07 09:14:10 发布

阅读量160

点赞数

分类专栏： JavaScript学习文章标签： java 编程语言 html javascript

本文链接：https://blog.csdn.net/dfg98/article/details/112042280

版权

JavaScript学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

流程控制，是任何一门编程语言都有的一个语法，指的是控制程序按照怎样的顺序执行的。

顺序结构：从上到下、从左到右
选择结构：每次只执行1个分支
循环结构

一、选择结构

1、if

if、if-else、if-else if-else、if的嵌套

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        var x = 4;
        var y = 8;
        if (x < 5)
        {
            if (y < 5)
            {
                document.write("x小于5，y小于5");
            }
            else
            {
                document.write("x小于5，y大于5");
            }
        }
        else
        {
            if (y < 5)
            {
                document.write("x大于5，y小于5");
            }
            else
            {
                document.write("x大于5，y大于5");
            }
        }
    </script>
</head>
<body>
</body>
</html>

运行结果：x小于5，y大于5

2、switch

语法：

switch(判断值)
{
    case 取值1:
        语块1;break;
    case 取值2:
        语块2;break;
    ……
    case 取值n:
        语块n;break;
    default:
        语句块n+1;
}

二、循环结构

1、while

语法：

while(条件)
{
    //当条件为true时，循环执行
}

例：计算1+2+3+…+100的值

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        var n = 1;
        var sum = 0;
        //如果n小于等于100，则会执行while循环
        while (n <= 100)
        {
            sum=sum+n;
            n=n+1;
        }
        document.write("1+2+3+…+100 = " + sum);
    </script>
</head>
<body>
</body>
</html>

2、do…while

do…while语句首先是无条件执行循环体一次，然后再判断是否符合条件。如果符合条件，则重复执行循环体；如果不符合条件，则退出循环。
do…while语句结尾处括号后有一个分号（;），该分号一定不能省略。

上例，用do-while循环实现：

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        var n = 1;
        var sum = 0;
        do
        {
            sum += n;
            n++;
        }while (n <= 100);
        document.write("1+2+3+…+100 = " + sum);
    </script>
</head>
<body>
</body>
</html>

3、for

mmm要努力做码农！

关注

0
点赞
踩
0

收藏

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

流程控制，是任何一门编程语言都有的一个语法，指的是控制程序按照怎样的顺序执行的。顺序结构：从上到下、从左到右选择结构：每次只执行1个分支循环结构一、选择结构1、ifif、if-else、if-else if-else、if的嵌套<!DOCTYPE html> <html><head> <meta charset="utf-8" /> <title></title> <script&gt
复制链接

扫一扫