for循环与循环的跳出语句

最新推荐文章于 2024-08-29 15:53:23 发布

zhou_nj

最新推荐文章于 2024-08-29 15:53:23 发布

阅读量4.4k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/zhou_nj/article/details/119593723

版权

1. for循环，将循环变量，循环条件，迭代部分，统一放到一起写，中间用分号隔开。

2.for循环的结构：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // var i=1 定义变量
        // i<=10 判断条件
        //i++ 每遍循环后 i+1 
        for(var i=1;i<=10;i++){
            // 打印 i 结果是1-10
            console.log(i);
        }
    </script>
</body>

</html>

3.跳出循环有两种方法：continue 和 break

4.continue ：是跳出本次的循环，继续执行下一个循环。例如：找出20以内所有部能被3整除的数。代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
       for(let i=1;i<=20;i++){
            if(i%3===0){
                continue   //表示跳出本次循环，继续执行后面的循环
            }
            console.log(i);
        }
    </script>
</body>

</html>

5.break：是直接跳出整个循环结构。例如：登录功能：输入登录名和密码，完全相同提示登录成功，不相同提示登录失败，并告知还是有几次登录机会。代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
       // 注意：一共有3次登录机会。
       let loginId = 'admin'     //登录名
        let password = '888888'   //登录密码

        // 有3次机会，那就循环3次 i-- 每次i-1
        for(let i=2;i>=0;i--){
            let loginId2 = prompt('请输入登录名：')
            let password2 = prompt('请输入密码：')
            //判断登录名和密码是否完全相等
            if(loginId2===loginId && password2===password){
                alert('登录成功！')
                break   //相同跳出整个循环
            }else{
                alert('登录失败！您还有'+i+'次机会')
            }
        }
    </script>
</body>

</html>