js基础-循环结构【003】
循环结构
- 循环结构,就是根据某些给出的条件,重复的执行同一段代码
- 循环必须要有某些固定的内容组成
- 初始化
- 条件判断
- 要执行的代码
- 自身改变
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 循环
和
while
和do while
循环都不太一样的一种循环结构道理是和其他两种一样的,都是循环执行代码的
语法:
for (var i = 0; i < 10; i++) { 要执行的代码 }
// 把初始化,条件判断,自身改变,写在了一起 for (var i = 1; i <= 10; i++) {// 这里写的是要执行的代码console.log(i) }// 控制台会依次输出 1 ~ 10
这个只是看起来不太舒服,但是用起来比较好用
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('我吃了一个包子') }
强化练习(欢迎评论区留言)
- 打印100以内所有偶数的和
- 求出1-1/2+1/3-1/4……1/100的和 var i=1;
- 打印出1000-2000年中所有的闰年,并以每行四个数的形式输出
- 使用
*
打印三角形* ** *** **** ***** ****** ******* ******** *********
- 完成一个梯形打印功能
- 输出100-200之间所有的质数
- 求1+2!+3!+…+20!的值
- 2! 表示 2 的阶乘
2 * 1
- 3! 表示 3 的阶乘
3 * 2 * 1
- 2! 表示 2 的阶乘
- 有一个棋盘,有64个方格,在第一个方格里面放1粒芝麻重量是0.00001kg,第二个里面放2粒,第三个里面放4,棋盘上放的所有芝麻的重量
- 在页面上完成以一个九九乘法表
js基础-循环结构【003】相关推荐
- [js] js的循环结构有哪些?
[js] js的循环结构有哪些? for for in while do while 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌谣一 ...
- JS基础——循环很重要
介绍循环之前,首先要说一下同样很重要的if-else结构,switch-case结构 ①if-else结构 if(判断条件) { 条件为true时执行 } else{ 条件为false时执行 } ②i ...
- Java编程基础--循环结构语句
Java的循环结构 概述: Java循环结构基础包括以下几种:for循环(其中for循环又包含了双重for循环和加强for循环等等),while循环,do-while循环和跳转控制语句. 1.for循 ...
- c++基础———循环结构
循环结构 while循环语句 作用:满足循环条件,执行循环语句 语法:while(循环条件){ 循环语句 } 只要循环条件的结果为真,就执行循环语句 示例: int main() {int num = ...
- Java基础---循环结构+例题
循环结构 循环结构的分类:for循环:while循环:do...while循环(不作要求) for循环 语法:for( 循环变量的初始化语句:循环条件的判断语句:循环变量的改变语句) {循环体语句 } ...
- C语言基础——循环结构
C语言的基本结构之一.在程序中有连续执行的操作可以用循环结构,简化函数,C语言中有三种循环结构,for循环,while循环,do-while循环,其中for循环最常用. 一循环结构概述 1.什么是循环 ...
- 前端-js基础-循环
#博学谷IT学习技术支持 目录 for循环 双重for循环 while循环 do...while循环 continue 关键字 break 关键字 循环 循环的目的:在实际问题中,有许多具有规律性的重 ...
- js 基础 -- 循环、函数调用 、全局和局部变量、异常捕获、事件
一:循环 for for in <!DOCTYPE html> <html> <head><meta charset="utf-8" / ...
- JS基础-循环精灵图
要实现的效果如下图: 按照之前精灵图的做法,是采用一个一个li进行background-position的修改,但是有了JS之后就可以执行循环操作来更改图片的位置. 这里给出精灵图图片: 根据索引号来 ...
最新文章
- 企业信息化中常见决策点应对
- Hey!你的 CSDN 年度报告已出炉,请查收~
- 代码审查工具StyleCop
- ceph单节点安装部署
- win防火墙禁止访问php文件,windows通过netsh设置防火墙
- FAR,FRR,EER
- 论文浅尝 | Generative QA: Learning to Answer the Whole Question
- [.Net线程处理系列]专题五:线程同步——事件构造
- Linux C编程如何使用联机帮助来解决编程问题?
- 外媒吐槽:iPhone 13系列为史上力度最小的升级
- 2021高值人才职业发展洞察:连接、信任与赋能
- 百度SEO站群全网音乐搜索下载网站源码
- 电脑系统里如何设置dns服务器
- Kaggle基本知识
- 立方人物|吴胜男律师:一位温而不沸的90后执行主任
- url怎么隐藏html后缀,url 去掉.HTML 后缀 zencart
- 路由器和交换机的工作原理---笔面试
- 希腊字母英文简写与常用指代意义
- 征友记之---前端开发Partner
- 展示和隐藏后缀名操作
热门文章
- 手机维修之 ------ 维修中的降龙十八掌
- 苹果怎么应用分身_苹果应用为什么闪退?怎么解决闪退问题?
- 计算机研究生 在职2018,在职人员选择报考2018年五月计算机技术在职研究生的原因是什么...
- 2021华为杯建模F题航空公司机组优化排班问题思路分析
- HDS HUS微码或系统更新
- 投篮机投篮有技巧吗_投篮要练多久才能保证有稳定的命中率,怎么练?给个方案...
- Android Camera2拍照录制工具
- 华为 P30 发布,售价近万元:感谢苹果提前暖场
- 无线ZigBee在桥梁健康监测系统中的探究
- CTR预估AUC=0.99问题记录