JS教程45 ——第11期

大家好。

今天,我们将学习第二个循环:for循环。

在我们开始之前,让我们看看for的含义:

你看到什么了吗?(反正我没有)

好了,回到正题。

lgj,xsb:

本期内容简介:

for(){}

box-sizing: border-box !important;”>一种循环,方便程序员来控制循环的次数。


1

for循环

在了解 for 循环之前,我们先来看一个例子:


问题一:

怎么输出下面这些内容?

我们很快就可以想出这样的方法:

<!DOCTYPE html><head>  <meta charset="UTF-8" /></head><body>  <script>    console.log("JavaScript1");    console.log("JavaScript2");    console.log("JavaScript3");    console.log("JavaScript4");    console.log("JavaScript5");        ...    console.log("JavaScript10");</script></body>
这种方法需要书写大量重复性的代码,影响我们写代码的效率,所以我们不采用。

(马赛克为脏话屏蔽)
结合上一期学习的 while 循环,我们可以定义一个变量,然后每输出一次就加1,变量大于等于10时就跳出循环:
<!DOCTYPE html><head>  <meta charset="UTF-8" /></head><body>  <script>    var my45 = 1;    while(my45 <= 10){      console.log("JavaScript" + my45);      my45++;    }</script></body>
虽然需要想一些时间,但是这样就不用写重复的代码了
但是这样做还是有点麻烦,我们要自己定义一个变量,还要知道 
while(my45 <= 10) 才是重复10次,而不是 while(my45 < 10)
所以,人们就发明了船新的 for 循环!

了解 for 循环,我们先来看一下 for 循环的写法:
for(语句 1; 语句 2; 语句 3){  要执行的代码块}

1.1

语句作用介绍

语句1:
语句1用于初始化循环中所使用的的变量。比如说 for(var i = 0;;){}
你可以在里面定义一个变量。(这个变量通常名为 i,这是约定俗成的)
如果要定义两个变量,用逗号隔开。比如说 for(var i = 0,var j = 1;;){}
对了,语句1是可选的。
语句2:
语句2用于计算初始变量的条件,如果语句 2 返回 true,那么循环会重新开始,如果返回 false,则循环将结束。
对了,语句2也是可选的。(不过你连这句都不写了还用什么 for 循环啊
语句3:
语句3可以做任何事情,不过通常让一开始定义的变量加或减
这一句也是可选的~(其实三句都是可选的啦)

1.2

了解与使用

看完了这三段话,你是不是还是很迷呢?
我也是。
for循环的定义太广泛了,所以我们来举一个例子:
for(var i=0;i<10;i++){  //这里写代码}
翻译成白话文就是:
“定义一个变量 i 的值是0,如果 i 小于10的话,就把变量 i 的值加1”
也就是说它把下面这三句整合成了一句:
var i=0;while(i<10){  //这里写代码  i++;}
它会重复执行大括号里面的内容,每执行一次就判断一下 i 是不是小于10,然后把 i 加1。
如果 i 大于10了,就跳出循环。
整个过程:
第一次:定义一个变量 i=0。判断 i 是不是小于10,i 是0,0小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第二次:判断 i 是不是小于10,i 是1,1小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第三次:判断 i 是不是小于10,i 是2,2小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第四次:判断 i 是不是小于10,i 是3,3小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第五次:判断 i 是不是小于10,i 是4,4小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第六次:判断 i 是不是小于10,i 是5,5小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第七次:判断 i 是不是小于10,i 是6,6小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第八次:判断 i 是不是小于10,i 是7,7小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第九次:判断 i 是不是小于10,i 是8,8小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第十次:判断 i 是不是小于10,i 是9,9小于10,结果为真,把 i 加1。执行一遍大括号里的代码。
第十一次:判断 i 是不是小于10,i 是10,10小于10的结果为假,跳出循环。
基本就是这样。
当然你还可以这样:
for(var i=0;i<100;i+=2){
}
这样:
for(var i=20;i>0;i--){
}
这样:
var i=0;for(;i<20;i++){
}
这样:
for(var i=0,j=20 ; i<20||j>10 ; i+=3,j--){
}
注意事项:
  1. 分开语句的符号是分号 “;” 不是逗号 “,”  

  2. for(;;){} 和 while(1){} 一样,为无限循环

  3. 在 for 循环内第一句里定义的变量用完就会被释放,接下来可以再用这个名字,下图是完全合法的:

    for(var i=0;i<=10;i++){  }var i = 4;

    如果要在 for 循环内嵌套 for 循环,那么第二个 for 循环定义的变量一般命名为 j ,以此类推。

下一期我们会讲一个年轻的分支语句,if 的 “兄弟” switch-case 语句。

动态分享

ae指纹扫描,ae手指激光特效

2022-6-7 17:39:28

动态分享

镜头分为哪几种技巧,镜头基本知识入门

2022-6-8 3:27:53

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索