Js流程控制语句

56 阅读 0 评论 37 点赞

我是靠谱客的博主活力咖啡，最近开发中收集的这篇文章主要介绍Js流程控制语句，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、流程控制语句

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(;????;

最后

以上就是活力咖啡为你收集整理的Js流程控制语句的全部内容，希望文章能够帮你解决Js流程控制语句所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：javascript
浏览次数：56 次浏览
发布日期：2024-07-11 00:50:02
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_7_o_18_fw_12__23__6_z.html

Js流程控制语句

概述

1. prompt函数

2. if语句

3. if else语句

4. if…else if…else 语句

5. switch…case语句

6. for循环

7. while循环

8. do while循环

9. break和continue关键字

10. 死循环

最后

评论列表共有 0 条评论

发表评论取消回复

Js流程控制语句

概述

1. prompt函数

2. if语句

3. if else语句

4. if…else if…else 语句

5. switch…case语句

6. for循环

7. while循环

8. do while循环

9. break和continue关键字

10. 死循环

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

发表评论取消回复