JavaScript 进阶营让前端飞web前端开发

JavaScript循环语句_for循环(十三)

2019-11-20  本文已影响0人  终身成长人格

目录:

1.什么是for循环
2.for循环的语法格式和使用
3.for循环的嵌套

一、什么是for循环

程序中进行有规律的重复性操作,需要用到循环语句。
先来看看生活中的一些场景:

(1)食堂阿姨打菜:接过顾客的餐盘→询问菜品→打菜→递回餐盘,重复以上过程,直到所有顾客的菜都打完了。

(2)快递员送快递:查看送件地址→赶往目的地→电话告知收件人→收件人签收→交快递件,重复以上过程,直到所有需要送的快递都处理完了。

(3)公交司机……

(4)作业流程……

以上场景都有一个共同的特点:有条件地重复地做一件事,每一次做的事情不同但类似。

程序是为了解决实际问题的,实际问题中存在着重复动作,那么程序中也应该有相应的描述,这就是循环。

二、for循环的语法格式和使用

1.格式

for(var i=0;i<len;i++){
    循环体
}

2.案例:计算1+2+3+……+10

/*方案一*/
var sum1 = 1+2+3+4+5+6+7+8+9+10;
/*方案二*/
var sum2 = 0;
sum2 += 1;
sum2 += 2;
sum2 += 3;
sum2 += 4;
sum2 += 5;
sum2 += 6;
sum2 += 7;
sum2 += 8;
sum2 += 9;
sum2 += 10;

但是这两种方案的描述方式都不太理想,如果是要加到10000呢?

注意观察方案二,它重复地做一件事(将一个数加到sum2中),每一次做的不同但类似。

我们希望能找到一种更好的描述方法

*方案三:改造方案二*/
var sum3 = 0;
var n = 1;
while(n <= 10){
    sum3 += n;
    n++;
}

三、for循环的嵌套

1.语法

for(var i=0;i<=9;i++) {
    for(var j=0;i<j;j++){
       循环体;
    }
    循环体;
}

2.案例:就如九九乘法表,双重for循环,要领是内存for循环从1开始,不得大于上层i的值

for(var i=1;i<=9;i++) {
    for(var j=1;j<=i;j++) {
        document.write(i + '*' + j + '=' + i*j + ' ');
    }
    document.write("<br/>");
}

11=1
2
1=2 22=4
3
1=3 32=6 33=9
41=4 42=8 43=12 44=16
51=5 52=10 53=15 54=20 55=25
6
1=6 62=12 63=18 64=24 65=30 66=36
7
1=7 72=14 73=21 74=28 75=35 76=42 77=49
81=8 82=16 83=24 84=32 85=40 86=48 87=56 88=64
91=9 92=18 93=27 94=36 95=45 96=54 97=63 98=72 9*9=81

下节预告:while和do...while

上一篇下一篇

猜你喜欢

热点阅读