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入门第十章(循环结构)

1.for循环结构

1.for循环语法

for( 语句1;语句2;语句3 ){
    循环体:需要反复执行的代码;
}
  • 2.执行步骤:

    • 1.执行语句1(定义一个循环变量)

      • 2.执行语句2,判断语句2条件是否成立(条件表达式)

        • 2.1 如果条件成立,则执行循环体代码

          • 执行语句3(循环变量自增),重复步骤2

        • 2.2 如果不成立,结束循环,执行大括号后面的代码

  • 3.for循环好处及注意点

    • 好处:循环变量的声明与循环变量自增在一个小括号中,可以更好的避免死循环

    • 注意点:语句1,语句2,语句3可以是任意代码

    • 语句1:通常是定义循环变量

    • 语句2:条件表达式

    • 语句3:通常都是循环变量自增/自减(视需求而定)

执行步骤
            1.执行代码1(声明循环变量)
            2.判断代码2 (循环条件)
                2.1 成立,执行循环体代码。
                    执行完毕之后会执行代码3(循环变量自增),重复步骤2
                2.2 不成立,结束循环,执行大括号后面的代码
         */

         //需求:打印三次 你好呀
         for(let i = 1;i <= 3;i++){
            console.log('你好呀');        
         };

?

2.break与continue关键字

  • 1.break:结束整个语句

    • break既可以用于循环结构也可以用于switch分支结构

  • 2.continue:结束本次循环体,进入下一次循环判断

    • continue只能用于循环结构语句

3.循环次数不固定(穷举)

穷举:从1遍历到无穷大,找出符合条件的数

<script>
//需求:有一群人,如果3个人站一排多出1个人,如果4个人站一排多出2个人,如果5个人站一排多出3个人
    //请问这群人有多少人

    for(let i = 1;i < Infinity;i++){//从1循环到无穷大,也是一种死循环
        if(i % 3 == 1 && i % 4 ==2 && i % 5 == 3){
            console.log ( "人数为" + i );
            break;//找到答案,结束循环
        }
    }

</script>

4.数组遍历

  • 1.数组的遍历:获取数组中每一个元素的值,称之为遍历该数组

    • 如果想要获取数组中每一个元素的值,则需要通过循环语法来获取

  • 2.一般使用for循环来遍历数组,只不过数组的遍历是一种固定格式的for循环

  • 3.固定循环语句格式:for(let i = 0; i < arr.length; i++) {// 数组遍历的固定结构}

    let arr = [10,20,30,40,50];

    for(let i = 0;i<arr.length;i++){
        let element = arr[i];			//获取数组的每一个元素
        console.log ( element );
    }

?上一章:JavaScript入门第九章(数组)

?下一章:JavaScript入门第十一章(练习--动态生成柱状图)

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-04 11:06:48  更:2021-08-04 11:07: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/22 4:45:04-

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