IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> javascript的循环语句 -> 正文阅读

[JavaScript知识库]javascript的循环语句

javascript的循环语句及案例

在这里插入图片描述

程序的三种结构:顺序结构、选择结构、循环结构。

循环结构的循环语句可以重复执行固定的代码,直到条件不成立为止。

循环语句有三种写法:while、do-while、for

一、while循环

1.语法:
??while(条件) { 循环体 }
2.注意:
??(1)循环条件要有初始值。
??(2)循环体中要有改变循环条件的语句。【如果没有该语句,循环会无限次被执行】
??(3)while语句是先判断条件是否满足,条件满足才执行循环体。

3.例题:输出1-10的数字

var a=1  //初始值
while(a<=10){
    console.log(a)
    a++  //改变循环条件的语句
}

二、do-while循环

1.语法:
?? do{ 循环体 } while(条件)
2.注意: while循环是先执行一次循环体再判断是否满足条件,循环体至少会被执行一次。

3.例题:输出5-10的数字

var num = 5
do {
     console.log(num)
     num++
 } while (num <= 10)

三、for循环

1.语法:
?? for(初始值;条件;改变条件语句) { 循环体 }
2.注意:初始值只会执行一次

3.例题:1+2+3+4+5…+99+100

var count=0
for(var i=1; i<=100; i++){
    count+=i;
}
console.log(count)

?双重for循环
??for循环可以重复执行一个操作,也可以重复执行另一个循环,这就是for循环的嵌套——双重for循环。
补充:document.write(‘内容’) :将内容显示到浏览器页面
例题:打印九九乘法表

for(var i=1; i<=9; i++){
    for(var j=1; j<=i; j++){
        document.write(i +'x'+j+'='+i*j+'&emsp;')
    }
    document.write('<br>')
}

??for循环打印图形时一般用到双重循环,外层循环打印行,内层循环打印图形

例题:打印三角形

for(var i=1; i<=5; i++){  //外层循环打印行
    for(var j=1; j<=5-i; j++){ //打印空格
        document.write("&nbsp; ") //内层循环打印图形
    }
    for(var k=1; k<=2*i-1; k++){ //打印*号
        document.write('* ') //内层循环打印图形
    }
    document.write('<br>') //每打印完一行换行
}

四、break和continue

break和continue都可以使循环中断,不同的是break会终止循环,而continue只会结束本次循环。

?1.break
?? 在循环语句中break会终止循环,程序不会再执行循环体。【在switch-case语句中,break的作用是跳出case分支】

补充:计算器【例题用到】
??定义一个变量,赋初始值为0 (var count=0),当条件满足时,count加一(count++)

例题:打印100以内能被4整除的前5个数

var count = 0 //计数器
for (var i = 1; i <= 100; i++) {
    if (i % 4 == 0) {
        console.log(i)
        count++  //满足条件,count+1
    }
    if (count == 5) {
        break; //条件满足,break结束循环,循环体不会再执行
    }
} 

?2.continue
?? continue语句的作用是结束本次循环。遇到continue语句,本次循环会被跳过,continue下边的代码不会被执行,程序会执行下一条循环。

例题:打印1-10内除了5以外的数

for(var i=1; i<=10; i++){
    if (i == 5) {
        continue; //跳出该次循环,不打印5
    }
    console.log(i)
}
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-24 10:26:52  更:2021-09-24 10:29:53 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 22:41:12-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码