JS 零基础入门——03（循环语句）

m0_65410668

已于 2022-04-06 10:09:44 修改

阅读量109

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-04-02 08:50:58 首次发布

本文链接：https://blog.csdn.net/m0_65410668/article/details/123911970

版权

循环语句是由循环体及循环的终止条件两部分组成的。

循环的使用场景：1.某段代码，需要重复运行时
2.某段代码，需要按顺序的执行

重复执行案例：控制台输出5行hello world
旧（笨）办法

!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script>
    console.log("hello world")    
    console.log("hello world")
    console.log("hello world")      console.log 控制台
    console.log("hello world")
    console.log("hello world")
</script>
</body>
</html>

新办法

for循环： 1.变量规定循环开始条件 2. 判断条件如果条件为真进入循环体 3.变量的变化再判断
for(初始化变量;判断条件;变量的变化){
循环体内容
}

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>                       （ 注：n++ n=n+1自增一次）
<script>
    for( var n=0;n<5;n++){              
             console.log("hello world")
    }
</script>
</body>
</html>

顺序执行案例：在控制台输出1-10

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script>
             for(var n=1;n<11;n++){
                    console.log(n)
             }
</script>
</body>
</html>

常见案例：

1.输出1-100中所有的偶数

n判断一下是否为偶数
如何判断一个数字是否为偶数？能被2整除的数是偶数，余数 %
7%3=1 12%3=0 24%5=4
编程判断是否相等 ==或者=== 奇数同理

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script>
             for(var n=1;n<101;n++){
                if(n%2==0){
                    console.log(n)
                    }
             }
</script>
</body>
</html>

2. 求和1-100，将结果输出到命令行（求和业务逻辑都一样）

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script>
            var sum=0   //初始化一个变量sum,默认是空的 用于放置求和结果
            for(var n=1;n<101;n++){
               sum=sum+n;
           }
            console.log(sum)
</script>
</body>
</html>

3.输出1-30中所有 3的倍数以及尾数是3的数个位数是3的数

// 23%10=3 45%10=5 5%10=5 一个较小的数和一个较大的数取余数结果等于较小数
两个条件满足一个即可或 ||
与两个条件同时满足
或
非

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script>
            for(var n=1;n<31;n++){
                if(n%10==3||n%3==0){
                console.log(n)
                }
            }
</script>
</body>
</html>