【Web】JavaScript(No.44)循环结构-while语句(while do-while)

while语句

在这里插入图片描述
需要素材点击图片联系我或私信、评论

基本语法:

// 当循环条件为true时,执行循环体,
// 当循环条件为false时,结束循环。
while (循环条件) {
  //循环体
}
案例一:计算1-100之间所有整数的和
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>求1-100之间所有整数的和</title>
</head>
<body>
<script>
    // 初始化变量
    var i = 1;
    var sum = 0;
    // 判断条件
    while (i <= 100) {
       // 循环体
       sum += i;
       // 自增
      i++;
    }
    console.log(sum);
</script>
</body>
</html>
案例二:计算1-100之间所有偶数的和
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>求1-100之间所有偶数的和</title>
</head>
<body>
<script>
    var even = 2;
    var sum = 0;
    while(even <= 100){
        sum += even;
        even += 2;
    }
    console.log(sum);
</script>
</body>
</html>
案例三:计算1-100之间所有奇数的和
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>求1-100之间所有奇数的和</title>
</head>
<body>
<script>
    var odd = 1;
    var sum = 0;
    while(odd <= 100){
        sum += odd;
        odd += 2;
    }
    console.log(sum);
</script>
</body>
</html>
案例四:计算1-100之间所有整数的积
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1~100所有数乘积</title>
</head>
<body>
<script>
    var i = 1;
    var pro = 0;
    while(i <= 100){
        pro *= i;
        i++;
    }
    console.log(pro);
</script>
</body>
</html>
案例五:计算6的阶乘
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>求6的阶乘</title>
</head>
<body>
<script>
    var mul = 1;
    var pro = 1;
    while(mul <= 6){
        pro = pro * mul;
        mul++;
    }
    console.log(pro);
</script>
</body>
</html>
案例六:计算1-100的累加值,遇三停止
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1~100累加值,遇三停止</title>
</head>
<body>
<script>
    var i = 1;
    var sum = 0;
    while(i <= 100){
        if(i % 10 == 3){
            i++;
            break;
        }
        sum += i;
        i++;
    }
    console.log(sum);
</script>
</body>
</html>
案例七:计算1-100的累加值,遇三跳过
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1~100累加值,跳过三</title>
</head>
<body>
<script>
    var i = 1;
    var sum = 0;
    while(i <= 100){
        if(i == 3){
            i++;
            continue;
        }
        sum += i;
        i++;
    }
    console.log(sum);
</script>
</body>
</html>

do…while语句

do…while循环和while循环非常像,二者经常可以相互替代,但是do…while的特点是不管条件成不成立,都会执行一次。

基础语法:

do {
  // 循环体;
} while (循环条件);
代码示例:
// 初始化变量
var i = 1;
var sum = 0;
do {
  sum += i;//循环体
  i++;//自增
} while (i <= 100);//循环条件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值