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]; }
While循环
以上就是关于javascript中for循环的全部内容了,希望小伙伴们喜欢。
相关文章
- javascript 高级教程 视频_精通JavaScript
- JavaScript如何判断是否为数字?
- JavaScript Array splice() 方法
- JavaScript 到底是不是面向对象语言?面向对象语言有哪三个基本特征?
- 【说站】javascript中for...of循环是什么
- JavaScript案例:循环精灵图和显示隐藏文本框内容
- 新一波 JavaScript 框架
- 【原创】JavaScript中常用循环结构
- JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言
- 目录用For循环创建Linux目录的简单技巧(for循环创建linux)
- 循环使用Oracle数组实现For循环(oracle数组for)
- 的使用使用Oracle中的For循环加深理解(oracle中for循环)
- Linux下如何优雅地使用For循环(linux下for循环)
- MySQL中使用FOR循环快速编写函数(mysql函数for)
- javascript下for循环用法小结
- Javascript更新JavaScript数组的uniq方法
- Javascript循环绑定事件的示例代码
- JavaScript验证浏览器是否支持javascript的方法小结
- Javascript阻止javascript事件冒泡,获取控件ID值
- JavaScript提升运行速度之循环篇译文
- javascript跳转代码集合
- JavaScript数组循环引起的思考
- javascript中利用数组实现的循环队列代码
- Javascript异步加载详解(浏览器在javascript的加载方式)
- JavaScript取得鼠标绝对位置程序代码介绍
- JavaScript在多浏览器下for循环的使用方法
- javascript与jquery中跳出循环的区别总结
- 深入理解Javascript中的循环优化
- JavaScript在for循环中绑定事件解决事件参数不同的情况
- javascript如何使用bind指定接收者
- JavaScript中对循环语句的优化技巧深入探讨