JavaScript 流程控制语句和循环

最新推荐文章于 2023-03-25 11:05:23 发布

Hu3537596649

最新推荐文章于 2023-03-25 11:05:23 发布

阅读量178

点赞数 1

分类专栏： JavaScript 文章标签： javascript css html

有何

本文链接：https://blog.csdn.net/Hu3537596649/article/details/108611620

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

流程控制语句

1、if语句：条件判断语句

在这里插入图片描述

2、if语句多分支

if(条件){
//执行代码
}else if(条件){
//执行代码
}else{

}

3、三元表达式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //三元表达式  条件？表达式1：表达式2；
        var num=prompt("请输入你的年龄");
        num>10?alert("你的年龄超过10岁！"):alert("你的年龄还太小!");
    </script>
</head>
<body>

</body>
</html>

4、switch语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*switch (条件) {
            case 条件:
                执行代码
                break;
                ....
        default:
            没有发现条件，执行；
        }*/

        var num = prompt("请输入一个10以内的数！")
        switch (Number(num)) {
            case 2:
                alert('2');
                break;
            case 3:
                alert('3');
                break;
            default:
                alert('没有匹配');
        }
    </script>
</head>
<body>

</body>
</html>

循环

1、概述

循环的目的：重复输出一些语句。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        for (var i=1;i<=100;i++){
            console.log('第'+i+'数');
        }
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

2、双层for循环

for循环里面嵌套一层for循环。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var str='';
        for (var i = 0; i <5 ; i++) {
            for (var j = 0; j <10 ; j++) {
                str=str+'😡';

            }
            str=str+'\n';
        }
        console.log(str);
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

3、while循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*while (条件){
            表达式
        }*/
        var n=1;
        while (n<=100){
            console.log('你好！');
            n++;
        }
    </script>
</head>
<body>

</body>
</html>

4、do while循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
       /* do{
            循环体
        }while (条件);*/
       var n=1;
       do{
           console.log('100')
           n++;
       }while (n<=100);
    </script>
</head>
<body>

</body>
</html>

5、continue

概述：用于跳出本次循环；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        for (var i = 1; i <=5 ; i++) {
            if (i==3){
                continue;
            }
            console.log(i);
        }

        var sum=0;
        for (var i = 1; i <=100 ; i++) {
            if (i%7==0){
                continue;
            }
            sum+=i;
        }
        console.log(sum);
    </script>
</head>
<body>

</body>
</html>

6、break

概述:跳出整个循环；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        for (var i = 1; i <=5 ; i++) {
            if (i==3){
                break;
            }
            console.log(i);
        }
    </script>
</head>
<body>

</body>
</html>

Hu3537596649

关注

1
点赞
踩
0

收藏

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

流程控制语句1、if语句：条件判断语句2、if语句多分支if(条件){//执行代码}else if(条件){//执行代码}else{}3、三元表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //三元表达式条件？表达
复制链接

扫一扫

专栏目录