JavaScript 循环语句之for、while循环 | break continue

富士康质检员张全蛋

已于 2024-08-21 21:07:43 修改

阅读量3.6k

点赞数 9

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

于 2023-12-18 17:33:00 首次发布

本文链接：https://blog.csdn.net/qq_34556414/article/details/134948844

版权

html css javascript jquery 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

for循环

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body>
        
    <script type="text/javascript">
       var num = 100  
       for (let i = 0; i < num; i++){
         console.log(i)
       }
    </script>

</body>

</html>

循环嵌套，如果要将结果打印在页面上使用 document.write

while循环

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body>  
    <script type="text/javascript">
        let i = 0
        while(i <= 10){
           document.write(i + "<br>")
           i ++
        }
    </script>

</body>

</html>

break和continue

break和continue都有跳出语句的功能。break是跳出整个循环，continue是跳出当前本次循环。

当i的值为3的时候就跳出循环，这个循环就结束了。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title> 
</head>

<body>  
    <script type="text/javascript">
        for(let i = 1; i <= 10; i++){
           if (i == 5){
            document.write("本次循环结束" + "<br>")
             continue
           }
           document.write(i + "<br>")
        }
    </script>

</body>

</html>