循环语句

1648339759197

循环的目的：在实际问题中,有许多具有规律性的重复操作,因呲在程序腰完成这类操作就需要重复执行某些语句。

for循环

1.什么是for循环

for 语句中不断重复某些代码，对计数器变量进行更新，实现递增或者递减

好处：把声明起始值、循环条件、变化值写到一起，让人一目了然

2.for循环的语法

1648381842370

1648381618681

1648382289365

案例：

for循环的基础练习

    <!-- 求1-100的和
    <script>
        let sum = 0
        for (let i = 1; i <= 100; i++) {
            // console.log('你是最棒的！');
            sum += i
        }
        console.log(sum);
    </script> -->


    <!-- 输出100句，媳妇我错了 -->
    <!-- <script>
        for (let i = 1; i <= 100; i++) {
            console.log('媳妇，我错了');
        }
    </script> -->

案例2：

    <!-- 案例1输出人一到100岁
    <script>
        for (let age = 1; age <= 100; age++) {
            console.log(`这个人今年${age}岁啦`);
        }
    </script> -->
    <script>
        // 算出1-100内偶数跟奇数各自的总和
        /*         let even = 0, odd = 0
                for (let i = 1; i <= 100; i++) {
                    if (i % 2 == 0) {
                        even += i
                    } else {
                        odd += i
                    }
                }
                console.log(even);
                console.log(odd); */
        //计算100内能被3整除的数，并得出总值
        let sum = 0
        for (let i = 1; i <= 100; i++) {
            if (i % 3 == 0) {
                sum += i
            }
        }
        console.log(sum);
    </script>

3.for循环与while循环的区别

当如果明确了循环的次数的时候推荐使用for循环
当不明确循环的次数的时候推荐使用while循环

4.退出循环

continue

continue：结束本次循环，继续下次循环

    <script>
        for (let i = 1; i <= 5; i++) {
            if (i == 3) {
                continue
            }
            console.log(`我要吃${i}个包子`);
        }
    </script>

break

break：跳出所在的循环，直接结束

    <script>
        for (let i = 1; i <= 5; i++) {
            if (i == 3) {
                break
            }
            console.log(`我要吃${i}个包子`);
        }
    </script>

5.for循环嵌套

作用：掌握for循环重复执行某些代码。一个循环里再套一个循环，一般用在for循环里
语法：

应用练习

练习1

1648541535052

代码块

    <script>
        let days = 3, str = 5
        for (let index = 1; index <= days; index++) {
            document.write(`第${index}天学习单词<br\>`)
            for (let index1 = 1; index1 <= str; index1++) {
                document.write(`学习第${index1}个单词<br\>`)
            }
        }
    </script>

    <script>
        let day = +prompt('输入要学习的天数'), more = prompt('每天学习多少单词')
        for (let index = 1; index <= day; index++) {
            document.write(`今天是学习的第${index}天<br/>`)
            for (let index1 = 1; index1 <= more; index1++) {
                document.write(`今天要背${index1}个单词<br/>`)
            }
        }
    </script>

练习2：

1648541948677

    <script>
        let str = ''
        // 要打印5行5列星星，控制第一个循环打印5行，第二个一行打印5列
        for (let index = 1; index <= 5; index++) {
            for (let index1 = 1; index1 <= 5; index1++) {
                str += '⭐'
            }
            str = str + '\n'
        }
        console.log(str);
    </script>

练习3：打印倒三角

    <script>
        // 打印倒三角形
        let sum = ''
        for (let i = 1; i <= 10; i++) {
            for (let j = i; j <= 10; j++) {
                sum += '⭐'
            }
            sum += '\n'
        }
        console.log(sum);
    </script>

练习4：打印九九乘法表

    <script>
        let sum = ''
        for (let i = 0; i <= 9; i++) {
            for (let j = 1; j <= i; j++) {
                // sum += '⭐'
                // 将内部的星星替换
                //1*1=1
                // 1*2=2
                let more = i * j

                sum += `${j}✖${i}=${more}\t`
            }
            sum += '\n'
        }
        console.log(sum);
    </script>

do whlie循环

1648519632591

1648519663066

JS学习之for循环