zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Javascript基础教程之for循环

JavaScript循环 for 基础教程
2023-06-13 09:15:40 时间

jsfor循环可以将代码块执行指定的次数。

JavaScript循环

我们可以这样输出数组的值:如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。

document.write(cars[0]+"<br>");
document.write(cars[1]+"<br>");
document.write(cars[2]+"<br>");
document.write(cars[3]+"<br>");
document.write(cars[4]+"<br>");
document.write(cars[5]+"<br>");

不过我们这样写

for(vari=0;i<cars.length;i++){
document.write(cars[i]+"<br>");
}

举例:输出1-100的数字

for(vari=0;i<=100;i++){
document.write(i+"<br>")
}

for是前测试循环,而且在循环之前能够初始化变量,并且定义循环后要执行的代码,其语法如下

for(inintialization;expression;psot=loop-expression)statement

执行的过程如下:

1.执行initialization语句

2.判断expression是否为true,如果是则是继续,否则终止整个循环体。

3.执行循环体statement代码

4.执行post-loop-expression代码

5.返回第2步操作

for循环最常用的形式是for(vari=0;i<n;i++){statement}

它表示循环一共执行n次,非常适合用于已知的循环次数运算。

复制代码代码如下:


   varaNumbers=newArray();
   varsMessage="你输入了:\n";
   variTotal=0;
   varvUserInput;
   variArrayIndex=0;
   do{
       vUserInput=prompt("输入一个数字,或者"0"退出","0");
       aNumbers[iArrayIndex]=vUserInput;
       iArrayIndex++;
       iTotal+=Number(vUserInput);
       sMessage+=vUserInput+"\n";
   }while(vUserInput!=0)       //当输入为0(默认值)时退出循环体
   sMessage+="总数:"+iTotal;
   document.getElementById("xxx").innerHTML=sMessage;

不同类型的循环

JavaScript支持不同类型的循环:

for-循环代码块一定的次数
for/in-循环遍历对象的属性
while-当指定的条件为true时循环指定的代码块
do/while-同样当指定的条件为true时循环指定的代码块

For循环
for循环是您在希望创建循环时常会用到的工具。

下面是for循环的语法:

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

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

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

语句3在循环(代码块)已被执行之后执行

实例

for(vari=0;i<5;i++)
{
x=x+"Thenumberis"+i+"<br>";
}

从上面的例子中,您可以看到:

Statement1在循环开始之前设置变量(vari=0)。

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

Statement3在每次代码块已被执行后增加一个值(i++)。

语句1
通常我们会使用语句1初始化循环中所用的变量(vari=0)。

语句1是可选的,也就是说不使用语句1也可以。

您可以在语句1中初始化任意(或者多个)值:

实例:

for(vari=0,len=cars.length;i<len;i++)
{
document.write(cars[i]+"<br>");
}

同时您还可以省略语句1(比如在循环开始前已经设置了值时):

实例:

vari=2,len=cars.length;
for(;i<len;i++)
{
document.write(cars[i]+"<br>");
}

语句2
通常语句2用于评估初始变量的条件。

语句2同样是可选的。

如果语句2返回true,则循环再次开始,如果返回false,则循环将结束。

提示:如果您省略了语句2,那么必须在循环内提供break。否则循环就无法停下来。这样有可能令浏览器崩溃。请在本教程稍后的章节阅读有关break的内容。

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

语句3也是可选的。

语句3有多种用法。增量可以是负数(i--),或者更大(i=i+15)。

语句3也可以省略(比如当循环内部有相应的代码时):

实例:

vari=0,len=cars.length;
for(;i<len;)
{
document.write(cars[i]+"<br>");
i++;
}

For/In循环
JavaScriptfor/in语句循环遍历对象的属性:

实例

varperson={fname:"John",lname:"Doe",age:25};

for(xinperson)
{
txt=txt+person[x];
}

While循环

以上就是关于javascript中for循环的全部内容了,希望小伙伴们喜欢。