JS第三天，循环

for循环
1、在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称为循环语句。
语法结构
for(初始化变量; 条件表达式; 操作表达式 ){
//循环体
}
2、 断点调试：断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。断点调试可以帮助观察程序的运行过程。

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

for循环实列操作
（1）求1-100的整数累加和

（2 ）求1-100之间所有数的平均值
var sum = 0;
var average = 0;
for (var i = 1; i <= 100; i++) {
sum = sum + i;
}
average = sum / 100;
console.log(average);
（3）求1-100之间所有偶数和奇数的和
var even = 0;
var odd = 0;
for (var i = 1; i <= 100; i++) {
if (i % 2 == 0) {
even = even + i;
} else {
odd = odd + i;
}
}
console.log(‘1~100 之间所有的偶数和是’ + even);
console.log(‘1~100 之间所有的奇数和是’ + odd);

 (4)、求1-100之间所有能被3整除的数字的和 
    var result = 0;
    for (var i = 1; i <= 100; i++) {
        if (i % 3 == 0) {
            // result = result + i;
            result += i;
        }
    }
    console.log('1~100之间能够被3整数的数字的和是：' + result);
    （5）用户输入学生分数，求平均分和总成绩案列
    <script>
    // 弹出输入框输入总的班级人数(num)
    // 依次输入学生的成绩（ 保存起来 score）， 此时我们需要用到
    // for 循环， 弹出的次数跟班级总人数有关系 条件表达式 i <= num
    // 进行业务处理: 计算成绩。 先求总成绩（ sum）， 之后求平均成绩（ average）
    // 弹出结果
    var num = prompt('请输入班级的总人数:'); // num 总的班级人数
    var sum = 0; // 求和的变量
    var average = 0; // 求平均值的变量
    for (var i = 1; i <= num; i++) {
        var score = prompt('请您输入第' + i + '个学生成绩');
        // 因为从prompt取过来的数据是 字符串型的需要转换为数字型
        sum = sum + parseFloat(score);
    }
    average = sum / num;
    alert('班级总的成绩是' + sum);
    alert('班级平均分是：' + average);

（6）、 一行打印五个星星

双重for循环
循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for 循环，这样的 for 循环语句我们称之为双重for循环。
双重 for 循环语法
for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
for (内循环的初始; 内循环的条件; 内循环的操作表达式) {
需执行的代码;
}
}
注意：1、可以把里面的循环看做是外层循环的语句。
2、外层循环一次，里层要循环全部。

（7）、打印5行5列星星

（8）、打印n行n列星星

（9）、打印倒三角形
<script>
    var str = '';
    for (var i = 1; i <= 10; i++) { // 外层循环控制行数
        for (var j = i; j <= 10; j++) { // 里层循环打印的个数不一样  j = i
            str = str + '★';
        }
        str += '\n';
    }
    console.log(str);
</script>
（10）、九九乘法表案列
<script>
    // 九九乘法表
    // 一共有9行，但是每行的个数不一样，因此需要用到双重 for 循环
    // 外层的 for 循环控制行数 i ，循环9次 ，可以打印 9 行  
    // 内层的 for 循环控制每行公式  j  
    // 核心算法：每一行 公式的个数正好和行数一致， j <= i;
    // 每行打印完毕，都需要重新换一行
    var str = '';
    for (var i = 1; i <= 9; i++) { // 外层循环控制行数
        for (var j = 1; j <= i; j++) { // 里层循环控制每一行的个数  j <= i
            // 1 × 2 = 2
            // str = str + '★';
            str += j + '×' + i + '=' + i * j + '\t';
        }
        str += '\n';
    }
    console.log(str);
</script>

• for 循环小结
  for 循环可以重复执行某些相同代码
  for 循环可以重复执行些许不同的代码，因为我们有计数器
  • for 循环可以重复执行某些操作，比如算术运算符加法操作
  • 随着需求增加，双重for循环可以做更多、更好看的效果
  • 双重 for 循环，外层循环一次，内层 for 循环全部执行
  • for 循环是循环条件和数字直接相关的循环

while循环
while循环的执行思路：当条件表达式结果为true，则执行循环体，否则退出循环。里面包含了计数器、变量初始化、操作表达式。

do while循环
1、 do {
// 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

2、 执行思路
1 先执行一次循环体代码
2 再执行条件表达式，如果结果为 true，则继续执行循环体代码，如果为 false，则退出循环，继续执行后面代码

注意：先再执行循环体，再判断，do…while循环语句至少会执行一次循环体代码
do while 案列