Js流程控制语句

最新推荐文章于 2022-10-01 12:33:47 发布

wj18740503137

最新推荐文章于 2022-10-01 12:33:47 发布

阅读量188

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/wj18740503137/article/details/124973985

版权

一、流程控制语句

1. prompt函数

prompt()方法用于显示可提示用户进行输入的对话框。

这个方法返回用户输入的字符串。

var age = parseInt(prompt('请输入您的年龄:'))；
alert(age);

2. if语句

书写格式：if (判断式){代码块}
if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if (condition){

当条件为 true 时执行的代码
}
请使用小写的if。使用大写字母（IF）会生成 JavaScript 错误！

练习案例：在弹框中输入您的年龄，如果年龄大于18，弹出欢迎来到红浪漫，如果年龄不大于18，则不显示

<!DOCTYPE html>
<html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Title</title>
      </head>
      <body>
          <script>
              var age = parseInt(prompt('请输入您的年龄:'))
              if(age > 18) {
                  alert("欢迎来到红浪漫，男宾2位.");
              }
          </script>
      </body>
</html>

3. if else语句

书写格式：if（判断式）{代码块1}else{代码块2}
如果判断式为真，则执行语句A，否则将执行语句B
if (condition){

当条件为 true 时执行的代码*
}
else{

当条件不为 true 时执行的代码*
}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script>
            var age = parseInt(prompt('请输入您的年龄:'))
            if(age > 18) {
                alert("欢迎来到红浪漫");
            }else{
                alert("未成年禁止访问");
            }
        </script>
    </body>
</html>

4. if…else if…else 语句

思考：在弹框中输入您的成绩，如果分数少于60，弹出努力吧少年，

如果分数在60到80之间，弹出及格，

如果成绩在80到90之间弹出良好，

如果分数在90到100之间弹出优秀，

如果分数是100，则弹出你可以毕业了，告辞！

<!DOCTYPE html>
<html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Title</title>
      </head>
      <body>
          <script>
              var score = parseInt(prompt('请输入你的成绩:'))

              if (score < 60 && score >= 0) {
                  alert('努力吧少年');
              } else if (60 <= score && score < 80) {
                  alert('及格');
              } else if (80 <= score && score < 90) {
                  alert('良好');
              } else if (90 <= score && score < 100) {
                  alert('优秀');
              } else if (score == 100){
                  alert('毕业了,你可以起飞了');
              }
          </script>
      </body>
</html>

5. switch…case语句

switch 语句用于基于不同的条件来执行不同的动作。
书写格式：

switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;

default:

与 case 1 和 case 2 不同时执行的代码
}
首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 **break **来阻止代码自动地向下一个 case 运行。

案例练习：在弹框中输入操作序号，如果输入1，则弹出非常满意，

如果输入2，则弹出满意，

如果输入3，则弹出一般，

如果输入4，则弹出不满意，

如果输入5，则弹出非常不满意，

否则弹出关门吧，

<!DOCTYPE html>
<html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Title</title>
      </head>
      <body>
          <script>
              var operation = prompt('请输入你的操作序号:')
              switch(operation){
                  case '1':
                      console.log('非常满意');
                      break;
                  case '2':
                      console.log('满意');
                      break;
                  case '3':
                      console.log('一般');
                      break;
                  case '4':
                      console.log('不满意')
                      break;
                  case '5':
                      console.console.log('非常不满意');
                      break;
                  default:
                      console.log('关门吧');
                      break;
              }
          </script>
      </body>
</html>

6. for循环

假如您需要运行代码多次，且每次使用不同的值，那么循环相当方便使用。
for循环支持多次遍历代码块

for (语句 1; 语句 2; 语句 3) {
     要执行的代码块
}
语句 1 在循环（代码块）开始之前执行。
语句 2 定义运行循环（代码块）的条件。
语句 3 会在循环（代码块）每次被执行后执行。

for循环

案例练习：打印1到100的数字

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script>
            for(i = 1;i <=100;i++) {
                console.log(i);
            }
        </script>
    </body>
</html>

for in循环

for/in 语句循环遍历对象的属性

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>for in循环</title>
    </head>
    <body>
        <script>
            var person={fname:"Bill",lname:"Gates",age:56};
            for (x in person){
                console.log(x + ' ' + person[x]+'\n');
            }
        </script>
    </body>
</html>

7. while循环

while 循环会一直循环代码块，只要指定的条件为 true。

语法结构：while (条件) {

要执行的代码块

}

案例练习：打印1到100的所有数字

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>for in循环</title>
    </head>
    <body>
        <script>
            var i = 1;
            while(i <= 100){
                console.log(i);
                i++;
            }
        </script>
    </body>
</html>

8. do while循环

do/while 循环是 while 循环的变体。在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环
语法结构：do {

要执行的代码块

}while (条件);

案例练习：测试do while循环

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>do while循环</title>
    </head>
    <body>
        <script>
            do{
                console.log('你好'); //先执行一次do里的代码，然后再判断条件
            }while(1 > 2);
        </script>
    </body>
</html>

9. break和continue关键字

break关键字

break语句能够结束当前for、for/in、while、do/while或者switch语句的执行。同时break可以接受一个可选的标签名，来决定跳出的结构语句。
如果没有设置标签名，则跳出当前最内层结构。

案例练习1：for循环遍历范围是1到10，遍历的时候只想打印到3.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>这是一个break的测试文件</title>
    </head>
    <body>
        <script>
            for ( var i=0 ; i<5 ; i++ ) {
                if ( i == 3 ) {
                    break;
                }
                console.log(i);
            }
        </script>
    </body>
</html>

continue关键字

continue语句用在循环结构内，用于跳出本次循环中剩余的代码，并在表达式的值为真的时候，继续执行下一次循环。
可以接受一个可选的标签名，来决定跳出的循环语句。

案例练习1：遍历0到4的过程中，如果遇到3则跳过。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>这是一个break的测试文件</title>
    </head>
    <body>
        <script>
            for ( var i=0 ; i<5 ; i++ ) {
                if ( i == 3 ) {
                    continue;
                }
                console.log(i);
            }
        </script>
    </body>
</html>

10. 死循环

死循环:在循环中,没有结束条件的循环是死循环,程序中要避免的,否则会造成内存溢出

第一种:while(true);
第二种:for(;true;);
第三种;for(;😉;

wj18740503137

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Js流程控制语句

一、流程控制语句1. prompt函数prompt()方法用于显示可提示用户进行输入的对话框。这个方法返回用户输入的字符串。var age = parseInt(prompt('请输入您的年龄:'))；alert(age);2. if语句书写格式：if (判断式){代码块}if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码if (condition){ 当条件为 true 时执行的代码}请使用小写的if。使用大写字母（IF）会生成 JavaScr
复制链接

扫一扫