Javascript基础教程之for循环
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]; }
您将在有关JavaScript对象的章节学到更多有关for/in循环的知识。
While循环
while循环和do/while循环点击可以查看这篇文章。
以上就是关于javascript中for循环的全部内容了,希望小伙伴们喜欢。