Javascript的for循环语法及实例一则——遍历数组实现点名功能

for循环的意义和功能:

在顺序结构中,是一条一条阅读和输出的,假如需要输出6条内容,就要写6遍。如果使用for循环,则只需要写一条语句。

同样的,如果要将数据库的数据全部读出来,使用顺序结构就要一条一条的写语句,非常重复,而机器和计算机以及程序的使命,生来就是要消灭重复的。所以使用for循环只需要对同样一条语句重复执行就可以。

1,一个基本的for循环点名代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<body>
<script>
 function checkStu() {

for(i=0;i<6;i++){
alert("学生"+i+"到了");
 }

}  

</script>

<input type="button" value="开始点名" onclick="checkStu()">
</body>
</html>

上面是一个for循环最简单的案例,主要包含的基本知识点有:

1)弹窗6次,使用顺序结构,需要写6遍,使用for循环,只需要写1遍。

2)for后面的圆括弧里面是条件和限定,大括弧里面是满足条件之后的执行命令。

3)圆括弧里面的条件包括:1,变量初始值;2,变量终结值;变量自增加。

4)大括弧里面对for的内部变量i进行了调用。这个i不能被外部调用。

2,用for循环模拟读取数据库的点名代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<body>

<script>
 function checkStu() {
 
 var a= ["小狮子欧","小狮子余","小狮子勤","小狮子赵","小狮子何","小狮子苏"]

for(i=0;i<a.length;i++){
 
alert("学生"+a[i]+"到了");

 }

}  

</script>

<input type="button" value="开始点名" onclick="checkStu()">

</body>
</html>

上面的for循环代码主要包含的知识点有:

1)通过逐个读取数组的内容模拟了对数据库内容逐条的读取。

2)JS数据类型:JS 的数据类型有几种?

     8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。

JS数据类型:Object 中包含了哪几种类型?

      其中包含了Data、function、Array等。这三种是常规用的。

JS数据类型:JS的基本类型和引用类型有哪些呢?

    基本类型(单类型):除Object。 String、Number、boolean、null、undefined。

    引用类型:object。里面包含的 function、Array、Date。

本例中新建了数组这个引用类型。知识点有:

a,Array数组的索引是从0开始的。

b,数组的长度是可以动态改变的(给数组增加一项,若不是连续增加,那空着的那几个值是undefined)。

c,本例中使用for循环对数组内容进行了遍历。以模拟遍历数据库。

d,新建数组,1,前面要写var;2,数组名称自由命名,以字母开头;3,数组写在中括号里,每个数的内容写在双引号里,数之间用逗号分隔。

3)for循环中i的最小值需要时0,才能读取到数组的第一个值。i的最大值必须比数组的长度小1.所以上面代码中的a.length也可以写成6.

发表评论

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