JavaScript | 流程控制-循环 + continue 关键字 + break关键字 + 命名规范以及语法格式

目录

循环

for循环

        for 循环重复相同的代码

        for 循环重复不相同的代码

        for 循环重复某些相同操作

课堂案例1： 求1-100之间所有整数的累加和

课堂练习

课堂案例 2： 求学生成绩

一行打印五个星星

双重 for 循环

打印n行n个星星

课堂案例 2：打印倒三角形

思考：打印正三角形

课堂案例3： 打印九九乘法表

​

while 循环

打印人的一生，从1岁到100岁

计算 1 ~ 100 之间所有整数的和

课堂案例 2：询问你爱我吗

do while 循环

continue关键字

 break 关键字

JavaScript 命名规范以及语法格式

标识符命名规范

---

循环

循环目的：可以重复执行某些代码

for循环

        在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句

 for循环：重复执行某些代码，通常跟计数有关系

        for (初始化变量; 条件表达式; 操作表达式) {
             循环体（被循环的语句）
        }

• 初始化变量：就是用var声明的普通变量，通常用于作为计数器使用
• 条件表达式：用来决定每一次循环是否继续执行，就是终止的条件
• 操作表达式：是每次循环最后执行的代码，经常用于我们计数器变量进行更新（递增或者递减）

        for (var i = 1; i <= 100; i++) {
            console.log('你好');
        }//重复打印100句 你好

执行过程：

• 1.首先执行里面的计数器变量 var i=1；  这句话在for里面只执行1次
• 2.去 i<=100；看是否满足条件，满足的话去执行 （循环体） 不满足的话退出循环
• 3.最后去执行里面的 i++  i++是单独写的代码   第一轮结束
• 4.接着去执行i<=100；看是否满足条件，满足的话去执行 （循环体） 不满足的话退出循环

断点调试：

断点调试可以帮我们观察程序的运行过程

• 浏览器中按 F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点
• Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
• F11: 程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。

        for 循环重复相同的代码

        // 让用户控制输出的次数
        var num = prompt('请你输入次数：');
        for (var i = 1; i <= num; i++) {
            console.log('啦啦啦啦');
        }

        for 循环重复不相同的代码

        for (var i = 1; i <= 100; i++) {
            if (i == 1) {
                console.log('这个人今年1岁了,他出生了');
            } else if (i == 100) {
                console.log('这个人今年100岁了,he die');
            } else {
                console.log('这个人今年' + i + '岁了');
            }
        }

        for 循环重复某些相同操作

课堂案例1： 求1-100之间所有整数的累加和

        var sum = 0;//用来存值求和  初始值为0
        for (var i = 1; i <= 100; i++) {
            sum = sum + i;
        }
        alert(sum);
        console.log(sum);

课堂练习

• 求1-100之间所有数的平均值
• 求1-100之间所有偶数和奇数的和
• 求1-100之间所有能被3整除的数字的和

        // 求1 - 100之间所有数的平均值  需要一个sum和 的变量 还需要一个平均值average 变量
        var sum = 0, average = 0;
        for (var i = 1; i <= 100; i++) {
            sum = sum + i;
        }
        average = sum / 100;
        alert(average);

        // 求