(共566篇)
全部分类

JS流程控制语句之while循环
[ JS基础 ] 

while 循环

while循环也是根据指定条件的状态来判断是否执行花括号中的代码块;且代码块执行完,会重新判断括号内的条件,如果条件符合,将会再次执行大括号中的语句。

1
2
3
4
5
6
var x = 5;

while (x > 0) {
    console.log(x);
    x--;
}

案例代码

如果代码块的执行过程中,条件语句中的变量值没有变化,会导致进入死循环,浏览器可能会因此卡死

使用while循环输出数组中的内容

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
var arr = ["张三", "李四", "王五"];

// 正序输出
console.log("正序输出: ");
var x = 0;
while (x <= 2) {
    console.log(x + ": " + arr[x]);
    x++;
}

// 倒序输出
console.log("倒序输出: ");
var y = 2;
while (y >= 0) {
    console.log(y + ": " + arr[y]);
    y--;
}

案例代码

使用 break 打断循环

while循环中,也可以使用关键字break跳出循环:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<script>
    var x = 5;
    while (x > 0) {
        if (x == 2) {
            break;
        }
        console.log(x);
        x--;
    }
</script>

案例代码