三个js循环的关键字示例(for与while)
循环的三种写法:
<!doctypehtml> <title>js循环by毛票票</title> <metacharset="utf-8"/> <metaname="keywords"content="js循环by毛票票"/> <metaname="description"content="js循环by毛票票"/> </head> <body> //while循环 <scripttype="text/javascript"> i=1; while(i<=6) { document.write("<h"+i+">毛票票,这是标题"+i); document.write("</h"+i+">"); i++; } </script> //do_whilel循环 <scripttype="text/javascript"> i=1; do { document.write("<h"+i+">jb51.net,这是标题"+i); document.write("</h"+i+">"); i++; } while(i<=6); </script> //for循环 <scripttype="text/javascript"> for(i=1;i<=6;i++) { document.write("<h"+i+">毛票票,这是标题"+i); document.write("</h"+i+">"); } </script> </body> </html>
不同类型的循环
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循环的知识。
具体可以参考这篇文章:https://www.nhooo.com/w3school/js/js_loop_for.htm