js-循环结构

2019-04-27 本文已影响0人椋椋夜色
<!DOCTYPE html>
<html lang="en">
<!-- 1.if可以用于 判断相等 和 判断范围 -->
<!-- 2.switch 只用于 判断相等 -->
<script>
    // 循环 ： while   do...while   for

    // 1.1 while循环 ---------------------------------------------
    // 1 循环条件变量：var count = 0
    // 2 循环条件：while(count < 3) 
    // 3 循环体代码：{ 代码 }
    // 4 循环条件的改变：count ++

    var a = 1;
    while (a <= 5) {
        alert('打印5次a：\n ' + '第' + a + '次');
        a++;
    }

    // 1.2 do...while循环 ---------------------------------------
    // 和 while一样，只不过 【先执行一遍】 循环体代码， 再进行判断 看要不要进入后面的 循环
    var a1 = 1;
    do {
        alert('打印5次a1 ,再打印 do {} while(){} \n ' + ' 第' + a1 + '次');
        a1++;
    } while (a1 <= 5){
        alert('do {} while(){}');
    }

    // while 和 do...while 适合的使用场景；
    //  循环条件：本质上 就是一个 bool值 -- 范围 和 判等 都可以作为 循环条件----一句话：用来做条件判断
    // true/false 的 布尔值;         条件运算表达式 -> 布尔值;

    // 例：
    var nan = prompt('请输入你的性别');
    while(nan == '男') {
        alert('你是男的');
        nan = prompt('请输入你的性别');
    }
    alert('你是' + nan + '的');

    // do...while 和 while 一模一样，只不过 会 先执行一次代码，在判断 循环

    do {
        nan = prompt('请输入你的性别');
        var xingBie = (nan == '男')

        if(xingBie) {
             alert('你是男的');
        } else {
               alert('你是' + nan + '的');
        }

    } while (!xingBie){  // !xingBie 取反
        alert('退出循环')
    } 



    //  for 语句用于创建一个循环，它包含了三个可选的表达式，三个可选的表达式包围在圆括号中并由分号分隔， 
    // 后跟一个在循环中执行的语句（通常是一个块语句）。
    // 1.3 for 循环 ----------------------------------------------
    // 1.循环变量 声明
    // 2.循环条件 判断 如果是true，执行 c， 否则 跳出 整个 for循环
    // 3.循环体执行
    // 4.循环变量 改变

     for(var i = 1; i <= 10; i++){
        alert('for循环第' + i + '次');
     }

    //  for循环 ，主要 适用于【有明确 的 次数】的循环

    // 计算1到10之间的和
    var sum = 0;
    for (var i = 0; i <= 100; i++) {
        sum += i;
        console.log( sum + '+'  + i );
    }
    console.log('1到10之间的和为：' + sum);

</script>
</head>
<body>
</body>
</html>
js-循环结构

猜你喜欢

热点阅读
