【JavaScript】while循环、do…while循环、for循环

news/2024/11/23 23:14:46/

文章目录

    • 一.循环的概念和意义
    • 二.while循环
    • 三.do...while...循环
    • 四.for循环的使用
    • 五.break和continue关键字介绍
      • BREAK 终止循环
      • CONTINUE 结束本次循环
    • 六.练习题

一.循环的概念和意义

  • 循环结构,就是根据某些给出的条件,重复的执行同一段代码
  • 循环必须要有某些固定的内容组成
    • 初始化
    • 条件判断
    • 要执行的代码
    • 自身改变
  • 死循环:无法靠自身的控制终止的循环即死循环。
  • 注意循环的特点:程序的循环速度非常快,大部分循环需要执行完成,才显示最终的结果。

二.while循环

  • while,中文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了

  • 语法 while (条件) { 满足条件就执行 }

  • 因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了

    // 1. 初始化条件
    var num = 0;
    // 2. 条件判断
    while (num < 10) {// 3. 要执行的代码console.log('当前的 num 的值是 ' + num)// 4. 自身改变num = num + 1
    }
    
  • 循环的嵌套使用:外层循环一次,内层循环全部完成。

三.do…while…循环

  • 是一个和 while 循环类似的循环

  • while 会先进行条件判断,满足就执行,不满足直接就不执行了

  • 但是 do while 循环是,先不管条件,先执行一回,然后在开始进行条件判断

  • 语法: do { 要执行的代码 } while (条件)

    // 下面这个代码,条件一开始就不满足,但是依旧会执行一次 do 后面 {} 内部的代码
    var num = 10
    do {console.log('我执行了一次')num = num + 1
    } while (num < 10)
    

四.for循环的使用

  • whiledo while 循环都不太一样的一种循环结构

  • 道理是和其他两种一样的,都是循环执行代码的

  • 语法: for (var i = 0; i < 10; i++) { 要执行的代码 }

    // 把初始化,条件判断,自身改变,写在了一起
    for (var i = 1; i <= 10; i++) {// 这里写的是要执行的代码console.log(i)
    }// 控制台会依次输出 1 ~ 10 
    
  • 这个只是看起来不太舒服,但是用起来比较好用

五.break和continue关键字介绍

BREAK 终止循环

  • 在循环没有进行完毕的时候,因为我设置的条件满足,提前终止循环

  • 比如:我要吃五个包子,吃到三个的时候,不能在吃了,我就停止吃包子这个事情

  • 要终止循环,就可以直接使用 break 关键字

    for (var i = 1; i <= 5; i++) {// 没循环一次,吃一个包子console.log('我吃了一个包子')// 当 i 的值为 3 的时候,条件为 true,执行 {} 里面的代码终止循环// 循环就不会继续向下执行了,也就没有 4 和 5 了if (i === 3) {break}
    }
    

CONTINUE 结束本次循环

  • 在循环中,把循环的本次跳过去,继续执行后续的循环

  • 比如:吃五个包子,到第三个的时候,第三个掉地下了,不吃了,跳过第三个,继续吃第四个和第五个

  • 跳过本次循环,就可以使用 continue 关键字

    for (var i = 1; i <= 5; i++) {// 当 i 的值为 3 的时候,执行 {} 里面的代码// {} 里面有 continue,那么本次循环后面的代码就都不执行了// 自动算作 i 为 3 的这一次结束了,去继续执行 i = 4 的那次循环了if (i === 3) {console.log('这个是第三个包子,掉地下了,我不吃了')continue}console.log('我吃了一个包子')
    }
    

六.练习题

  1. 求出1/1-1/2+1/3-1/4……1/100的和

  2. 打印出1000-2000年中所有的闰年,并以每行四个数的形式输出。

  3. 利用星型字符(*)输出如下图形:三角形 , 菱形

  4. 打印100–200之间所有能被3和7整除的数

  5. 求100-999之间的水仙花数。

  6. 打印九九乘法表。

  7. 判断输入的数字是否是素数(素数就是能够被1和自身整除的数)。

  8. 输入一个日期,判断这个日期是这一年的第几天 例如: 2016/02/11,计算后结果为42


http://www.ppmy.cn/news/5074.html

相关文章

基于ssm框架的汽车故障维修管理系统源码+开题报告+论文+远程安装部署+视频讲解

博主介绍&#xff1a;✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌ 项目名称 基于ssm框架的汽车故障维修管理系统源码开题报告论文远程安装部署视频讲解 演示视频 视频去哪了呢&#xff1f;_哔哩哔哩_bilibili 系统介绍 项目介绍…

计算机毕业设计 SSM与vue的汽车租赁管理系统(源码+论文)

文章目录1 项目简介2 实现效果2.1 界面展示3 设计方案3.1 概述3.2 系统流程3.3 系统结构设计4 项目获取1 项目简介 Hi&#xff0c;各位同学好呀&#xff0c;这里是M学姐&#xff01; 今天向大家分享一个今年(2022)最新完成的毕业设计项目作品&#xff0c;【基于SSM的汽车租赁…

计算机毕设Python+Vue学习类视频网站(程序+LW+部署)

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

界面控件DevExpress WPF中文指南 - 主题设计器工作区介绍

DevExpress WPF拥有120个控件和库&#xff0c;将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序&#xff0c;这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 DevExpress WPF的Them…

mapreduce搭建

一.虚拟机安装CentOS7并配置共享文件夹 二.CentOS 7 上hadoop伪分布式搭建全流程完整教程 三.本机使用python操作hdfs搭建及常见问题 四.mapreduce搭建 五.mapper-reducer编程搭建 mapreduce搭建一、配置1.创建mapred-site.xml文件2.修改配置文件二、打开hadoop0.删除data文件夹…

React DAY04

复习&#xff1a; 1.使用React的两种方式&#xff1a; ①脚本引入式&#xff1a; <script src"./js/react.js"></script> <script src"./js/react-dom.js"></script> <script src"./js/babel.js"></script>…

LeetCode——Weekly Contest 321

这段时间经历了组会、开题、回家等等&#xff0c;这才发现周赛已经打到325场了&#xff0c;而我还没有写完321场的题解记录&#xff0c;真是汗颜啊。 LeetCode周赛第321场记录 这场周赛的题目相对比较简单一些&#xff0c;在此简单做个梳理&#xff1a; 这道题比较简单&#…

3D相机获取点云信息的几种方法

在计算机中, 图像由一个个像素点组成。图像数据存储在每一个像素点中&#xff0c;每一个像素点包含了被测物体的信息。除了常见的RGB信息或者灰度信息以外&#xff0c;还可以包含深度信息和坐标等其它信息。在某个坐标系下的点的数据集又被称为点云。点云里的每一个点包含了丰富…