js找人案例03-for循环程序结构

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: