学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>基础教程>>

JavaScript 教程(十八) for 循环

发布时间:2020-05-02点击:

    JavaScript for 循环

    在前面说到了JavaScript的条件控制语句,本节说的是JavaScript流程控制语句。流程控制语句是用来控制JavaScript程序执行顺序的,比如说如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。

    一、JavaScript 循环

    在JavaScript中,循环控制语句有四种:

    1、for - 循环代码块一定的次数

    2、for/in - 循环遍历对象的属性

    3、while - 当指定的条件为 true 时循环指定的代码块

    4、do/while - 同样当指定的条件为 true 时循环指定的代码块

    二、JavaScript中的for 循环

    1、语法:

    for (语句 1; 语句 2; 语句 3)
    {
        被执行的代码块
    }

    语句 1 (代码块)开始前执行,一般用来定义一个常量用于循环次数控制初始值;

    语句 2 定义运行循环(代码块)的条件,一般与语句1联合使用

    语句 3 在循环(代码块)已被执行之后执行,一般用于中止循环的上限设置

    2、JavaScript使用实例:

    for (var i=0; i<10; i++)
    {
          x=x + "本次输出值为 " + i + "<br>";
    }
    执行上述JavaScript程序会得到以下结果:
    本次输出值为 0
    本次输出值为 1
    本次输出值为 2
    本次输出之为 3
    本次输出值为 4
    本次输出值为 5
    本次输出值为 6
    本次输出值为 7
    本次输出值为 8
    本次输出值为 9
    

    3、结合实例分析JavaScript程序

    在上述实例中的

    语句1是:var i=0

    语句2是:i<10

    语句3是:i++

    其中语句1实在循环之前执行的,所以i在循环执行前被赋值为0,然后循环开始执行;

    第一次执行时,i=0是小于10的,所以条件成立,开始执行花括号里面的语句,输出“本次输出值为 0”,程序执行完成,开始执行语句3,i++,之后i的值变为了1;

    第二次执行时,i=1是小于10的,所以条件成立,开始执行花括号里面的语句,输出“本次输出值为 1”,程序执行完成,开始执行语句3,i++,之后i的值变为了2;

    ...

    第十次执行时,i=9是小于10的,所以条件成立,开始执行花括号里面的语句,输出“本次输出值为 9”,程序执行完成,开始执行语句3,i++,之后i的值变为了10;

    第十一次执行时.i=10,是不小于10的,所以条件不成立,程序循环完成。

    三、for/in 循环

    var mihu={name:"mihu",age:25}; 
    for (x in mihu)  // x 为属性名
    {
        txt=txt + mihu[x];
    }

    JavaScript程序会执行两次,第一次x被赋值为name,第二次赋值为age。

    for in循环就相当于把数组里面的每个键名拿出来循环一次,直到数组循环结束。

    学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~

赞一个(0)     踩一个(0)    

相关链接

搜索

昵称:*
邮箱:
电话:
评论: