JavaScript 条件语句、switch语句、for循环、while循环、错误处理

最新推荐文章于 2023-01-09 17:49:15 发布

BloggerM

最新推荐文章于 2023-01-09 17:49:15 发布

阅读量761

点赞数

分类专栏： JavaScript 的判断和循环文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/HTML_Z/article/details/123584527

版权

JavaScript 的判断和循环专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript if 条件语句

1. 什么是 if 条件语句

条件语句用于基于不同的条件来执行不同的动作。

2. 条件语句

2.1 if 语句

只有当指定条件为 true 时，使用该语句来执行代码

  <script>
    // if (条件表达式[boolean的结果或者表达式]) {}
    if (5 > 2) {
      // 当条件为true的时候执行代码块中的内容 
      console.log("5大于2");
    }
  </script>

2.2 if … else 语句

当条件为 true 时执行代码，当条件为 false 时执行其他代码

  <script>
    // if后的条件为true则执行if代码块中的代码，否则执行else里面的代码
    var sex = "男";
    if (sex == "男") {
      console.log("去男厕所");
    } else {
      console.log("去女厕所");
    }
  </script>

2.3 if … else if … else 语句

使用该语句来选择多个代码块之一来执行

  <script>
    // if-else if-else 判断条件 条件满足则执行对应代码块中的内容 不满足则继续向下判断 直到满足；如果都不满足则执行else里面的代码
    // A 90分以上
    // B 80分以上
    // C 70分以上
    // D 60分以上
    var score = 98;
    if (score >= 90) {
      console.log("A-优秀");
    } else if (score >= 80) {
      console.log("B-良好");
    } else if (score >= 70) {
      console.log("C-一般");
    } else if (score >= 60) {
      console.log("D-及格");
    } else {
      console.log("不及格");
    }
  </script>

JavaScript switch 语句

1. 什么是 switch 语句

switch 语句用于基于不同的条件来执行不同的动作。

2. switch 语句

使用该语句来选择多个代码之一来执行

  <script>
    switch(n) {
      case 1:
        // 执行代码块 1
        break;
      case 2:
        // 执行代码块 2
        break;
      default:
        // 与 case 1 和 case 2 不同时执行的代码
    }
  </script>

JavaScript for 循环

1. 什么是 for 循环

循环可以将代码块执行指定的次数。
for 循环是编程语言中一种循环语句，而循环语句由循环体及循环的判定条件两部分组成。

2. 循环

2.1 for 循环

  <script>
    // 循环四要素 初始值 循环终止条件 改变初始值 循环体
    // 死循环 条件一种满足
    for (var i = 0; i < 10; i++) {
      console.log(i); // 0 ~ 9
    }
  </script>

案例：99乘法表

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 99 乘法表
    var str = "";
    for (var i = 1; i <= 9; i++) {
      for (var j = 1; j <= i; j++) {
        var a = j + "*" + i + "=" + j * i;
        str += a + "&nbsp;&nbsp;&nbsp;&nbsp;";
      }
      str += "</br>";
    }
    document.write(str);
  </script>
</html>

2.2 for in 循环

  <script>
    var person = { fname: "Bill", lname: "Gates", age: 56 };
    var txt = "";
    for (x in person) {
      // x 为属性名
      txt = txt + person[x];
    }
    console.log(txt); // BillGates56
  </script>

JavaScript while 循环

1. 什么是 while 循环

while 是计算机的一种基本循环模式。当满足条件时进入循环，进入循环后，当条件不满足时，跳出循环

2. 循环

2.1 while 循环

  <script>
    var i = 0;
    while (i < 100) {
      console.log("hello world");
      i++;
    }

    var a = 100;
    while (a > 0) {
      console.log("hi");
      a--;
    }
  </script>

2.2 do/while 循环

  <script>
    // do/while 循环 不管是否满足条件 至少会循环一次
    var a = 0;
    do {
      console.log("123");
      a++;
    } while (a < 100);
  </script>

JavaScript 错误 - finally、try 和 catch

try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的。

  <script>
    // 会将可能会报错的代码放在try中
    // catch块中就是我们对错误的处理方式
    // finally 块中的代码不管是否产生错误都会执行
    try {
      console.log(a); // 异常的抛出
    } catch (err) {
      console.log(err); // 异常的捕获与处理
    } finally {
      console.log("1123"); // 结束处理
    }
  </script>