JavaScript的第三天

 

目录

        JS中的循环，使某些代码重复执行

一、for循环：重复执行某段代码，通常用于计数

        1、for的语法结构

        2、代码解析

        3、代码尝试

        4、循环重复相同的代码，可以让用户控制输出的次数（对该变量进行遍历）

         5、循环重复不同的代码（有计数器i的存在，每次循环使i的循环值发生变化）

        for循环对某些操作进行重复执行直到达到计数器上限

二、while循环：进行无次数限制的循环，通常适用于无法提前得知所需循环的次数

        1、while循环语法结构（当......的时候）

        2、代码解析

        3、代码尝试

4、do while循环：与while不同的地方在于 do while 先执行一次循环体，再判断条件 如果条件表达式结果为真，则继续执行循环体，否则退出循环

5、do while的循环案例

 三、打断方式

        1、continue 关键字：退出本次（当前次的循环），继续执行剩余次数循环

         2、break关键字：退出整个循环

---

        JS中的循环，使某些代码重复执行

一、for循环：重复执行某段代码，通常用于计数

        1、for的语法结构

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

        2、代码解析

                初始化变量：声明一个变量，或一个已经声明的变量，通常是作为计数器的起点使用

                条件表达式：循环结束所需要的条件，以此来判断每次循环是否结束

                操作表达式：每次循环最后执行的代码，通常用于我们的计数器更新状态

                循环体：输出结果

        3、代码尝试

        for (var a = 1 ; a <=100 ; a++){console.log(a);}/*该处代码中，使用for循环进行运算输出，先定义一个a=1，通过for循环的条件表达式判断
返回true和false进行选择是否继续运行后续循环*//*当条件表达式返回值为true时，对后续花括号内的代码进行输出，并运行操作表达式，使计数器加一*/
/*当条件表达式返回值为false时，打断当前循环并跳出循环，不做任何输出*/

        4、循环重复相同的代码，可以让用户控制输出的次数（对该变量进行遍历）

        var num = +prompt("请输入班级学生人数")var total = 0for (var i = 1; i <= num; i++) {var score = +prompt("请输入第" + i + "个学生的成绩")total += score}console.log(total);

         5、循环重复不同的代码（有计数器i的存在，每次循环使i的循环值发生变化）

        for (var i = 1; i <= 100; i++) {console.log("今年" + i + "岁了");}

        for循环对某些操作进行重复执行直到达到计数器上限

        // for 循环重复执行某些操作，比如说我们做了100次加法运算// 求 1~100 之间的整数累加和// 需要循环100次，我们需要一个计数器i来进行计数// 我们需要一个存储结果的变量 sum ，但是初始值一定是 0// 核心算法：1 + 2 + 3 + 4 ....   ，sum  =  sum + i;// 1+1 =2var sum = 0for (var i = 1; i <= 100; i++) {sum += i}console.log(sum);

二、while循环：进行无次数限制的循环，通常适用于无法提前得知所需循环的次数

        1、while循环语法结构（当......的时候）

        while (条件表达式) {循环体}

        2、代码解析

                （1）条件表达式：循环执行所需要的条件，当返回值为true时执行循环体，false就退出循环。

                （2）循环体：循环代码中需含有计数器，来进行初始化变量。

                （3）循环体代码中需含有操作表达式 ，完成计数器的更新，防止死循环

                （4）循环体内如果无计数器，容易导致爆栈

在一些情况下，我们需要对条件进行判断，某些特定条件可以使用 ！进行取反值来达到退出循环的操作。

        3、代码尝试

        var i = 0;while (i < 5) {console.log(i);i++；}
//该处代码先声明一个i并对其赋值，在之后的代码运用中，可以单声明变量或在循环中对变量赋值
//声明并赋值一个i=5，进入while循环中执行条件判断，当i<5时，执行循环体//循环体中含有一个控制塔打印i值，并对计数器i进行更新，使计数器正常运行
//注：在删除i++后会导致程序一直运行并占用内存，如不终止程序则会导致内存达到上限，程序爆栈//当条件表达式返回的值为false时，则终止程序进行输出

4、do while循环：与while不同的地方在于 do while 先执行一次循环体，再判断条件 如果条件表达式结果为真，则继续执行循环体，否则退出循环

            do  {循环体} while (条件表达式)

注：do while 循环至少执行一次

5、do while的循环案例

        var isLove = ""do {isLove = prompt("你爱我吗？")} while (!(isLove = "我爱你"))console.log("我知道你真的爱我");

 三、打断方式

        1、continue 关键字：退出本次（当前次的循环），继续执行剩余次数循环

        

         2、break关键字：退出整个循环

        // 例如，吃5个包子，第3个有虫子，就扔掉第3个，继续吃第4个第5个包子for (var i = 1; i <= 5; i++) {if (i == 3) {console.log("呀！第" + i + "个包子加餐了");continue}console.log("第" + i + "个包子真好吃");}//该代码执行到第三个直接退出程序并结束循环for (var i = 1; i <= 5; i++) {if (i == 3) {console.log("这家是黑店，退钱");break}console.log("第" + i + "个包子真好吃");}