03-循环结构

原创已于 2023-03-22 19:17:23 修改 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #angular.js

于 2023-03-21 18:58:54 首次发布

本文介绍了JavaScript中的三种主要循环结构：while循环、do...while循环以及for循环，包括它们的语法、示例和应用场景。此外，还提到了break和continue关键字的使用，并给出了多个循环控制的编程练习，如乘法表、数字累加和条件判断等。

循环结构

当代码重复了，就用循环简化它

while循环

语法:

while(条件) {

条件是true的时候重复执行的代码段

}

do while循环 - do while 是while的变异体

do{

代码段 - 第一次直接执行，然后判断条件，条件为true再次执行，条件为false，结束

}while(条件)

例:

1. var a = 1

do{

    console.log(666);

}while(a>10)

2.让用户输入一个字符，显示在body中，输入的字符不是 s 就再次执行输入的是s 就停止输入

do{

    var a = prompt('输入一个字符：')

    document.write(a)

}while(a != 's')

for循环

for(初始值的定义; 条件; 变化) {

条件是true的时候重复执行的代码段

}

例:

for(var a = 1; a <= 5; a++) {

    document.write('我爱你<br>');

}

其中：初始值执行了一次，条件判断了6次，变化了5次，大括号执行了5次

执行流程：

初始值定义 - a = 1

条件 - a <= 5 - true

document.write('我爱你<br>');

变化 - a++ a=2

条件 - a <= 5 - true

document.write('我爱你<br>');.

变化 - a++ a=3

条件 - a <= 5 - true

document.write('我爱你<br>');

变化 - a++ a=4

条件 - a <= 5 - true

document.write('我爱你<br>');

变化 - a++ a=6

条件 - a <= 5 - false

2. for(var a = 1; a <= 100; a++) {

if(a % 7 === 0 || a % 10 === 7 || parseInt(a / 10) === 7) {

console.log(a);

}

3.入职薪水10K，每年涨幅5%，50年后工资多少？

var money = 10000

for(var a = 1; a <= 50; a++) {

    money = money + money * 0.05

}

console.log(money);

break关键字 - 结束整个循环的

continue关键字 - 跳过当前这次，继续下一次循环

1. 9*9乘法表

for(var a = 1; a <= 9; a++) {

    for(var b = 1; b <= a; b++) {

        document.write(b + '*' + a + '=' + a * b + '&nbsp;');

    }

    document.write('<br>');

}

输出结果:

循环练习

1. 输出5句我爱你

    var a = 1

    while (a <= 5) {

        document.write('我爱你<br>');

        a++

    }

2.输出1~5数字

    var a = 1

    while (a <= 5) {

        console.log(a);

        a++

    }

3.将1~5加起来

    var a = 1

    var sum = 0

    while (a <= 5) {

        sum += a

        a++

    }

    console.log(sum);

4.将1~100加起来

    var a = 1

    var sum = 0

    while (a <= 100) {

        sum += a

        a++

    }

    console.log(sum);

5.将1~100的奇数加起来

    var a = 1

    var sum = 0

    while (a <= 100) {

        // a%2 只有两个结果 1  0

        if (a % 2 === 1) {

            sum += a

        }

        a++

    }

    console.log(sum);

6.求100~1000之间所有的水仙花数

    var a = 100

    while (a < 1000) {

        var bai = parseInt(a / 100)

        var shi = parseInt(a / 10) % 10

        var ge = a % 10

        if (bai * bai * bai + shi * shi * shi + ge * ge * ge === a) {

            console.log(a);

        }

        a++

    }

7.逢7就过的游戏中，100以内所有喊过的数字

 var a = 1

    while (a <= 100) {

         if(a % 7 === 0 || a % 10 === 7 || parseInt(a / 10) === 7) {

             console.log(a);

         }



        if (a % 7 === 0) {

            console.log(a);

        } else if (a % 10 === 7) {

            console.log(a);

        } else if (parseInt(a / 10) === 7) {

            console.log(a);

        }

        a++

    }

8. 1~5所有数字相乘

    var b = 1

    var a = 1

    while (a <= 5) {

        b *= a

        a++

    }

    console.log(b);

9.输出50以内所有能被3整除且能被5整除的数字

    var a = 1

    while (a <= 50) {

        if (a % 3 === 0 && a % 5 === 0) {

            console.log(a);

        }

        a++

    }