JavaScript基础笔记03 循环相关

循环

1.循环的目的

• 循环的最终目的是将一段代码重复的执行多次
• 实现用循环这种语法来将代码执行多次，避免大量篇幅的重复代码

2.for循环

2.1 概念

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

2.2 语法结构

		for(初始化变量；条件表达式；操作表达式){
   
            循环体
        }

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

2.3 执行过程

1. 首先执行里面的计数器变量，但是这句话在整个 for 循环只会执行一次
2. 去条件表达式判断是否满足条件，如果满足，则执行循环体语句，不满足退出循环，循环结束
3. 最后去执行条件表达式，第一轮结束
4. 接着执行条件表达式，如果满足条件，接着执行第二轮，如果不满足，则结束整个 for 循环

2.4 断点调试

1. 打开网页，打开开发者工具窗口，切换到 sources 面板
2. 在左侧面板双击选择需要调试的代码文件
3. 再到代码区域找到需要调试的行号处添加断点进行调试
4. 刷新页面进行代码调试

2.5 for循环执行相同的代码

		var num = prompt('请输入一个数字');
        for(var i = 1; i <= num; i++){
   
            console.log('啦啦啦');
        }

2.6 for循环执行不同的代码

		for(var i = 1; i <= 100; i++){
   
            if(i == 1){
   
                console.log('这个人出生啦');
            }else if(i == 100){
   
                console.log('这个人死掉啦');
            }else{
   
                console.log(`这个人今年${
     i}岁啦`);
            }
        }

2.7 for循环重复执行相同操作

		var sum = 0;
        for(var i = 1; i <= 100; i++){
   
            sum += i;//sum = sum + i
        }
        console.log(sum);//输出5050

2.8 求学生成绩案例

		//1、弹出输入框输入总的班级人数 ( num )
        //2、依次输入学生的成绩（保存起来 score），此时我们需要用到 for 循环，弹出的次数跟班级总人数有关系 条件表达式 i <= num
        //3、进行业务处理: 计算成绩。 先求总成绩（sum），之后求平均成绩（average）
        //4、弹出结果
        var num = prompt('请输入班级总人数');