当前位置: 首页 > article >正文

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 = 0
        for (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 =2

        var sum = 0
        for (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 + "个包子真好吃");
        }


http://www.kler.cn/news/355504.html

相关文章:

  • VSCode C/C++跳转到定义、自动补全、悬停提示突然失效
  • Rocky Linux 9安装Asterisk 20和freepbx 17脚本——筑梦之路
  • Rust各个方面完胜C++吗?
  • Threejs 实现3D 地图(01)创建基本场景
  • Parameter-Efficient Fine-Tuning for Large Models: A Comprehensive Survey阅读笔记
  • LeetCode1658.将x减到0的最小操作数
  • PHP爬虫API:获取商品详情的新利器
  • uniapp uni.uploadFile errMsg: “uploadFile:fail
  • PTA L1系列题解(C语言)(L1_073 -- L1_080)
  • php常用设计模式之单例模式
  • HikariPool连接池报错(Possibly consider using a shorter maxLifetime value)
  • 健康推荐新动力:SpringBoot智能系统
  • PostgreSQL与MySQL在语法上的区别
  • 【飞腾加固服务器】全国产化解决方案:飞腾FT2000+/64核,赋能关键任务保驾护航
  • 链动2+1芸众商城421+全插件独立版源码
  • C++ 在项目中使用GDB
  • element设置时间和日期框早于现在的时间和日期禁用
  • 微积分复习笔记 Calculus Volume 1 - 3.1 Defining the Derivative
  • 随机抽取学号
  • Spring Boot 3新特性@RSocketExchange轻松实现消息实时推送