温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript的For循环如何运用

发布时间:2022-03-02 10:58:37 来源:亿速云 阅读:103 作者:iii 栏目:web开发

这篇文章主要介绍“JavaScript的For循环如何运用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript的For循环如何运用”文章能帮助大家解决问题。

假如您需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用。

通常我们会遇到使用数组的例子:

不需要这样写:

text += cars[0] + "<br>"; 

text += cars[1] + "<br>"; 

text += cars[2] + "<br>"; 

text += cars[3] + "<br>"; 

text += cars[4] + "<br>"; 

text += cars[5] + "<br>"; 

您能够这样写:

for (i = 0; i < cars.length; i++) { 

    text += cars[i] + "<br>";

 }

for 循环的语法如下:

for (语句 1; 语句 2; 语句 3) {

     要执行的代码块

}

语句 1 在循环(代码块)开始之前执行。

语句 2 定义运行循环(代码块)的条件。

语句 3 会在循环(代码块)每次被执行后执行。

实例

for (i = 0; i < 5; i++) {

     text += "数字是 " + i + "<br>";

}

从上面的代码中,您可以了解到:

语句 1 在循环开始之前设置了一个变量(var i = 0)。

语句 2 定义运行循环的条件(i 必须小于 5)。

语句 3 会在代码块每次执行之后对值进行递增(i++)。

语句 1

通常,您会使用语句 1 来初始化循环中所使用的的变量(i = 0)。

但情况并不总是这样,JavaScript 不会在意。语句 1 是可选的。

您可以在语句 1 中初始化多个值(由逗号分隔):

实例

for (i = 0, len = cars.length, text = ""; i < len; i++) { 

    text += cars[i] + "<br>";

}

而且您还可以省略语句 1(比如在循环开始前设置好值):

实例

var i = 2;

var len = cars.length;

var text = "";

for (; i < len; i++) { 

    text += cars[i] + "<br>";

}

语句 2

通常语句 2 用于计算初始变量的条件。

但情况并不总是这样,JavaScript 不会在意。语句 2 也是可选的。

如果语句 2 返回 true,那么循环会重新开始,如果返回 false,则循环将结束。

如果省略语句 2,那么必须在循环中提供一个 break。否则循环永远不会结束。请在下一章阅读更多关于 break 的内容。

语句 3

通常语句 3 会递增初始变量的值。

但情况并不总是这样,JavaScript 不会在意。语句 3 也是可选的。

语句 3 可做任何事情,比如负递增(i--),正递增(i = i + 15),或者任何其他事情。

语句 3 也可被省略(比如当您在循环内递增值时):

实例

var i = 0;

var len = cars.length;

for (; i < len; ) { 

    text += cars[i] + "<br>";

      i++;

}

关于“JavaScript的For循环如何运用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI