JS 循环小结

最新推荐文章于 2024-06-07 23:26:45 发布

夏大爷耶耶耶

最新推荐文章于 2024-06-07 23:26:45 发布

阅读量1k

点赞数 3

分类专栏： JS笔记文章标签： javascript

本文链接：https://blog.csdn.net/xy_is_fhh/article/details/121954260

版权

JS笔记专栏收录该内容

39 篇文章 3 订阅

订阅专栏

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>循环</title>
</head>
<body>
    <script>
        //求1到50之间的和
        var sum = 0;
        for(i=1;i<=50;i++){
            sum += i;
        }   
        console.log(sum);
    </script>
</body>
</html>

while循环

while(条件表达式) {

//循环体

}不符合表达式就退出循环

<!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>循环</title>
</head>
<body>
    <script>
        //求1到50之间的和
        var sum = 0;
        var i = 1;
        while (i <= 50) {
            sum += i;
            i++;
        }
        console.log(sum);
    </script>
</body>
</html>

do······while循环

do {

//循环体

}while(条件表达式)

<!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>循环</title>
</head>
<body>
    <script>
        //求1到50之间的和
        var sum = 0;
        var i = 1;
        do {
            sum += i;
            i++;
        } while (i <= 50)
        console.log(sum);
    </script>
</body>
</html>

总结：

· 三个循环很多情况下可以相互替代使用

· 如果用来计次数，跟数字相关的三者使用基本相同，但我们更喜欢用for

· while和do···while可以做更复杂的判断条件，比for循环灵活一些

· while和do···while执行顺序不一样，while先判断后执行，do···while先执行一次再判断执行

· while和do···while执行次数不一样，do···while至少执行一次循环体，while可能一次也不执行

· for循环语句比较常用，重点学习嗷

夏大爷耶耶耶

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JS 循环小结

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"> <titl
复制链接

扫一扫