JavaScript循环 while/do while/for的使用

Posted mixcoding

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript循环 while/do while/for的使用相关的知识,希望对你有一定的参考价值。

javascript循环

JavaScript循环 while/do while/for的使用

在讲循环的之前,先知道一下循环结构的执行步骤

  1、声明循环变量;

  2、判断循环条件;

  3、执行循环体;

  4、更新循环变量;

  5、然后循环执行2-4,直到条件不成立,跳出循环、

while 循环

while循环()中的表达式,运算结果可以是各种类型,但是最终都会转为真假,转换规则

如下。

  ①Boolean:true为真,false为假;

  ②String:空字符串为假,所有非空字符串为真;

  ③Number:0为假,一切非0数字为真;

  ④null/Undefined/NaN:全为假;

  ⑤Object:全为真。

格式:

while(循环条件){

循环体

}

以1-100循环为例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>while循环1-100</title>
</head>
<body>
    
</body>
</html>
<script>
    var add=1;
    var sum=0;
    while(add<=100){
        sum=sum+add;
        add++;
    }
    alert(sum);
</script>

当循环体只有一行语句时,循环体的花括号可以省略

while循环是先判断循环条件是否正确,如正确(true)时则执行循环,如为false,就跳

出循环体,转而执行while语句后面的语句。

tip:while循环必须包含循环条件,也就是while后括号里必须有一个逻辑表达式

while还有一种特殊的变体:do while

do while循环

格式:

do{

循环体

}while(循环条件)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>do while循环1-100</title>
</head>
<body>
    
</body>
</html>
<script>
    var sum=0;
    var add=1;
    do{
        sum=sum+add;
        add++
    }while(add<=100)    
    alert(sum);
</script>

这种语句体,是会首先执行一次循环体,在每次执行完循环体之后再计算循环条件,并且

会在每次都为true的时候重新执行循环体,如果为false,将会跳转到do/while之后的语

句。

while与do while的区别:while循环的循环体可能得不到执行,但是do while至少执行一

for语句循环

for循环比while循环语句简洁,因此更受用户喜欢

格式:

for(循环条件){

循环体

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for循环1-100</title>
</head>
<body>
    
</body>
</html>
<script>
    var sum=0;
    for(var add=1;add<=100;add++){
        sum=sum+add;    
    }
    alert(sum);
</script>

Tip:该循环条件可以使用var声明新变量,注意for循环由两个分号将初始值变量;条件;对象分开并无语法错误

for(;;){}

以上是关于JavaScript循环 while/do while/for的使用的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript循环 while/do while/for的使用

循环(while,do...while)

for while do-while三种循环体的特点和缺点

循环结构 while,do while

循环语句 while,do while ,for 循环

while,do while,for循环语句