今天给大家讲解一下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：跳过本次循环，并不是停止循环。
