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

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 + "个包子真好吃");}

http://www.lryc.cn/news/462745.html

相关文章:

  • 初识git · 有关模型
  • 基于SpringBoot+Vue+uniapp的海产品加工销售一体化管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
  • 解锁机器人视觉与人工智能的潜力,从“盲人机器”改造成有视觉能力的机器人(下)
  • CORS预检请求配置流程图 srpingboot和uniapp
  • 用Spring AI 做智能客服,基于私有知识库和RAG技术
  • TemporalBench:一个专注于细粒度时间理解的多模态视频理解的新基准。
  • 网友提问:网上申请流量卡不通过怎么办?
  • JavaWeb 22.Node.js_简介和安装
  • APIJSON的使用
  • 简单三步完成 Telegram 生态的 Web3 冷启动
  • Go Wails 学习笔记:创建第一个项目
  • Postman使用-基础篇
  • LeetCode 202.快乐数
  • Redis-03 持久化(RDB, AOF,混合持久化)及原理
  • TikTok账号策略:IP和网络环境的要求分析
  • vue后台管理系统从0到1(5)
  • OpenAI的新功能Canvas,效果还不错
  • 了解一些常用的Javascript对象方法
  • 【知识科普】GraphQL一个强大的API查询语言
  • Spring Boot 整合达梦
  • Vue.js 组件开发基本步骤
  • 博客搭建之路:hexo使用next主题渲染流程图
  • 【数据结构与算法】线性表顺序存储结构
  • Unix Standardization and Implementations
  • Windows 与 Java 环境下的 Redis 利用分析
  • 机器视觉系统硬件组成之工业相机篇
  • 离线安装bitnami-gitlab8.8.4+汉化
  • 亚马逊日本站推出AI日语listing功能,Listing一键发布,轻松无忧!
  • Golang | Leetcode Golang题解之第475题供暖器
  • 【Vue】Vue3.0 (十二)、watchEffect 和watch的区别及使用