美文网首页
【融职培训】Web前端学习 第3章 JavaScript基础教程

【融职培训】Web前端学习 第3章 JavaScript基础教程

作者: lmonkey_01 | 来源:发表于2020-06-16 13:59 被阅读0次

    条件语句的代码可以被想象成是一条条分支的路径,而循环语句的代码则是程序路径的一个回路,可以让一部分代码重复执行。JavaScript中的循环语句有for语句和while语句。

    一、for语句

    for语句的语法如下:

    1for(初始值;布尔值;计数器){2//语句块3}

    在for语句中,如果布尔值是true,就会一直执行语句块中的内容,为了防止死循环,需要有一个计数器,当数值达到指定值,布尔值就会变成false,循环便停止了,下面的示例代码使用for循环输出0~9九个数字

    示例代码如下:

    1for(vari = 0;i<10;i++){  2// i的初始值是03// 判断i是否小于10,如果小于10则执行花括号中的代码4// 每次执行完花括号中的代码后,i的值加15    console.log(i);6}

    通过上面的例子我们进一步理解了for语句的用法,下面我们来做一个联系,利用for循环语句输出100以内所有正整数的加和

    示例代码如下:

    1varsum = 0;//sum用来存储循环过程中正整数的加和2for(vari = 1;i<=100;i++){3sum += i;4}5console.log(sum);//这时候输出的就应该是5050

    二、while语句

    while语句语法如下所示:

    1while(bool){2//bool为true,循环执行3}

    当bool为true的时候,花括号中的内容会循环执行。为了防止死循环,需要在循环的过程实现类似for计数器的功能,让循环在有限的次数内定制,下面我们使用while语句输出0~9是个数字

    示例代码如下:

    1varn = 0;2while(n<10){3    console.log(n);4n++;5}

    在每次循环的过程中都会让n的值加1,这样当n的值等于10,循环便停止,下面我来使用while语句输出100以内所有正整数的加和

    示例代码如下:

    1varn = 0;2varsum = 0;3while(n<=100){4sum += n;5n++;6}7console.log(sum);

    三、continue

    continue可以结束本次循环,直接进入到下一次循环,例如我们用for循环语句来实现输出0 ~ 5,7 ~ 9九个数字(跳过6)

    示例代码如下:

    1for(vari = 0;i<10;i++){2if(i===6){3continue;4    }5    console.log(i);6}

    上面的代码通过判断,实现当i的值为6的时候,跳过本次循环,直接接入下一次循环。下面我们使用continue来实现计算100以内所有不能被7整除的正整数加和

    示例代码如下:

    1varsum = 0;2for(vari = 0;i<=100;i++){3if(i%7===0){4continue;5    }6sum += i;7}8console.log(sum);

    四、break

    在学switch语句中,我们已经接触到了break,它可以让分支语句在结束一个case之后,跳出switch语句,break同样可以用在循环语句当中,当代码执行到break时,直接结束循环

    示例代码如下:

    1for(vari = 0;i<10;i++){2if(i===6){3break;  4    }5    console.log(i);6}

    如上面的代码所示,当控制带输出5之后,循环结束。

    五、课后练习

    分别用for和while语句在控制台输出100以内(包括100)所有正整数的加和。

    分别用for和while语句在控制台输出100以内(包括100)所有偶数的加和。

    【融职教育】在工作中学习,在学习中工作

    相关文章

      网友评论

          本文标题:【融职培训】Web前端学习 第3章 JavaScript基础教程

          本文链接:https://www.haomeiwen.com/subject/qhzlxktx.html