今天给大家讲解一下Js循环中的For循环。
For循环是JS循环中一个非常重要的部分。
我们先讲一下for循环的作用:
For循环用在需要重复执行的某些代码,比如从1打印到100;或者寻找1到100中的偶数、奇数、质数、合数等等。
然后是For循环语句的基本结构:
for( 初始化变量; 终止条件(条件表达式); 递增或递减;(for循环中最后执行的语句) ){ 循环体(一组重复执行的语句); }
我们来举个例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <html> <body> <button type="button" onclick="zhaoren()">询问</button> <p id="ren1">刘C</p> <p id="ren2">李C</p> <p id="ren3">李CCC</p> <p id="ren4">李CC</p> <p id="ren5">老赵</p> <p id="ren6">杨C</p> <script> function zhaoren(){ for(i=1;i<7;i++){ var name=document.getElementById('ren'+i).innerHTML; if(name=="李CC"){ alert('找到你了,走,国庆去玩'); break; }else{ alert('不是,我是'+name+',到隔壁寝室问问'); } } } </script> </body> </html> |
1、我们先初始化变量为1
2、接着 i<7;它的意思就是 当i这个变量小于7的时候,我们就执行查找,所以它也被称作for循环中的终止条件。
3、i++ 它的意思就是在终止条件后如果i<7依然成立,那么在执行完循环体后i就自增1作为新的变量使用。
4、最后我们来分析一下循环体中的语句document.getElementById('ren'+i).innerHTML;它的意思是查找获取页面中段落内容。每循环一次i就查找一次,每次i的值都是执行后自增1.
在for循环中还有两个跳出循环的语句:break和continue。我们分别来讲解一下这两个方法。
1、 break:终止循环让循环停止。
上面的例子中,我们让它如果name=="李CC"的时候停止循环。
2、 continue:跳过本次循环,并不是停止循环。