循环

#1.循环

1.循环的目的

　　在实际问题中，有许多具有规律性和的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句。

#2.for 循环

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

<script type="text/javascript">
            //1. for 重复执行某些代码，通常跟计数有关
            //2. for 语法结构
            // for (初始化变量； 条件表达式； 操作表达式) {
            //     //循环体
            // }
            //3. 初始化变量 就是用 var 声明的一个普通的变量，通常用于作为计数器使用
            //4. 条件表达式 就是用来决定每一次循环是否执行 就是终止条件
            //5. 操作表达式 是每次循环最后执行的代码 经常用于我们计数器变量进行更新（递增或者递减）
            //6. 重复打印100句 你好
            for (var i = 1; i <= 100; i++) {
                console.log('你好');
            }
        </script>

2.循环执行的过程

1.首先执行里面的计数器变量 var i = 1 但是这句话在 for 里面只执行一次 index

2.去 i <= 100 来判断时候满足条件,如果满足条件就去执行循环体,不满足条件就退出循环体

3.最后去执行 i++ i++ 是单独写的代码 递增

2.1语法结构

1.断点调试

断点调试就是帮助我们观察运行时的过程

2.2用户自己输入执行次数

<script type="text/javascript">
            var num = prompt('请输入次数')
            for (var i = 1; i <= num; i++) {
                console.log("你好");
            }
        </script>

2.3循环执行不同的代码

<script type="text/javascript">
            // for 循环可以重复执行不同的代码，因为有我们计数器变量 i 的存在，i 每次循环值都会变化
            // 我们想要输入1人 1~100岁
            for (var i = 1; i <= 100; i++) {
                console.log('这个人今年' + i + '岁了');
            }
        </script>

2.4 for 循环重复某些相同的操作

求1~100之间的整数累加和

<script type="text/javascript">
            let sum = 0;
            for (let i = 1; i <= 100; i++) {
                sum = sum + i;
            }
            console.log(sum);
        </script>

#3.双重for循环

1.双重for循环执行结构

for(外层的初始化变量；外层的条件表达式；外层的操作表达式) {
   for(内层的初始化变量；内存的条件表达式；内存的操作表达式) {
        //执行语句
     }
}

2.我们可以把里面的循环看做成外面循环的语句

3.外面循环之循环一次,里面的循环执行全部

4.代码验证

for (let i = 1; i <= 3; i++) {
   console.log('这是个外层循环第' + i + '次');
     for (let j = 1; j <= 3; j++) {
         console.log('这是里层循环第' + j + '次');
      }
}

3.5.for循环小结

1.for 循环可以执行某些相同的代码

2.for 循环可以重复执行些许不相同的代码,因为我们有计数器的存在

3.我们还可以让 for 循环重复执行某些操作

4.切记双重 for 循环,外层执行一次,内层 for 循环执行全部

5.for 循环是循环条件和数字直接相关的循环

#4.while循环

1.while 循环语法结构

<script type="text/javascript">
            while (条件表达式) {
                //循环体
            }
        </script>

2.执行思路 当条件表达式结果为 true 则执行循环体,否则退出循环

3.代码验证

 

let a = 1;
            while (a <= 10) {
                console.log('你好');
                a++
            }

 

4.里面应该也有计数器 初始化变量

5.里面应该也有操作表达式 完成计数器更新 防止死循环

6.练习

<script type="text/javascript">
            //while
            //1.打印人的一生
            let i = 1;
            while (i <= 100) {
                console.log('这个人今年' + i + '岁了');
                i++
            }
            //2.计算 1~100 之间的整数和
            let j = 1;
            let sum = 0;
            while (j <= 100) {
                sum += j;
                j++
            }
            console.log(sum);
            //3. 弹出一个输入框 你爱我吗？ 如果输入我爱你，就提示结束，否则 一直询问
            let mes = prompt('你爱我吗')
            while (mes !== '我爱你') {
                mes = prompt('你爱我吗')
            }
            alert('我也爱你');
        </script>

#5.do.....whlie循环

1.循环语法结构

<script type="text/javascript">
            do {
                //循环体
            } whlie (条件表达式)
        </script>

2.执行思路 跟while 不同的地方在于 do .... while 先执行一次循环体 在判断条件，如果条件表达式结果为真则继续执行循环体，否则退出循环

3.代码验证

<script type="text/javascript">
            let i = 1;
            do {
                console.log('how are you?')
                i++;
            } while (i <= 100)
        </script>

4.do....while循环体至少执行一次

#5.循环小结

1.js 中的循环一共有三种方式 for while do...while 

2.在大部分情况下，三种循环都是可以互相代替的

3.在用了来计次数，跟数字相关的，三者使用基本相同，但是大多数常用的循环是 for

4.do...while和while可以操作更复杂的循环判断条件，比for循环更加灵活

#6.continue break 关键字

·1.coutinue 关键字用于立即跳出本次循环，继续下一次循环。

1.代码验证

<script type="text/javascript">
            for (var i = 1; i <= 5; i++) {
                if (i == 3) {
                    continue;    //只要遇见 continue 就直接退出本次循环 直接跳到 i++
                }
                console.log('吃了' + i + '包子');
            }
        </script>

2.练习

<script type="text/javascript">
            // 求1~100之间，除了能被7整除之外的整数和
            let sum = 0;
            for (var i = 1; i <= 100; i++) {
                if (i % 7 == 0) {
                    continue;
                }
                sum += i;
            }
            console.log(sum);
        </script>

·2 break 关键字

1.