红宝书第三讲:JavaScript 操作符与流程控制详解

红宝书第三讲:JavaScript 操作符与流程控制详解

资料取自《JavaScript高级程序设计(第5版)》。 查看所有教程:红宝书学习大纲


一、常用操作符

操作符用于对数据进行计算和比较:^1^

  1. 算数操作符

    • +(加)、-(减)、*(乘)、**(幂)、/(除)

      javascript 复制代码
      const sum = 10 + 5;   // 结果为15
      const power = 2 ** 3; // 2的3次方,结果为8
  2. 比较操作符

    • >(大于)、<(小于)、==(相等,会转换类型)、===(严格相等,类型和值都相同) )^1^

      javascript 复制代码
      5 == "5";   // true(数值转换后相等)
      5 === "5";  // false(类型不同
  3. 逻辑操作符

    • &&(逻辑与)、||(逻辑或)、!(逻辑非) ^2^

      javascript 复制代码
      if (age > 18 && loggedIn) { 
          // 年龄大于18且已登录才执行
      } else if (isVIP || isAdmin) {
          // VIP或管理员满足其一即可
      }
  4. 空值合并操作符(??

    • 当左侧是 nullundefined 时返回右侧值: ^1^

      javascript 复制代码
      const username = inputName ?? "Guest"; // 若inputName为空,则用"Guest"

二、条件语句

根据条件执行不同代码块:

  1. if / else if / else

    • 基本条件判断: ^2^

      javascript 复制代码
      if (score >= 90) {
          console.log("优秀");
      } else if (score >= 60) {
          console.log("及格");
      } else {
          console.log("不及格");
      }
  2. switch 语句

    • 适用于多分支判断(必须有 break 退出): ^1^

      javascript 复制代码
      switch (day) {
          case 1:
              console.log("周一");
              break;
          case 2:
              console.log("周二");
              break;
          default:
              console.log("其他日期");
      }

三、循环语句

重复执行代码段:

  1. for 循环

    • 常用于确定次数的重复: ^1^

      javascript 复制代码
      let total = 0;
      for (let i = 1; i <= 10; i++) {
          total += i; // 计算1到10的总和
      }
  2. for-of 循环

    • 遍历数组和可迭代对象: ^3^

      javascript 复制代码
      const fruits = ["苹果", "香蕉", "橘子"];
      for (const fruit of fruits) {
          console.log(fruit); // 依次输出每个水果名称
      }
  3. while / do-while 循环 ^2^

    • while:先判断条件后执行

    • do-while:至少执行一次再判断条件:

      javascript 复制代码
      let count = 0;
      while (count < 5) {    
          console.log(count);
          count++;
      } // 输出0到4
      
      let num = 10;
      do {
          console.log(num); // 输出10,即使条件不成立
      } while (num < 5);

四、流程控制关键字

  1. break :立即退出整个循环或 switch 语句

    javascript 复制代码
    for (let i = 0; i < 10; i++) {
        if (i === 5) break; // 当i=5时结束循环
    }
  2. continue :跳过当前循环的剩余代码,进入下一次循环 ^1^

    javascript 复制代码
    for (let i = 0; i < 10; i++) {
        if (i % 2 === 0) continue; // 跳过偶数
        console.log(i); // 输出奇数
    }

目录:总目录 上篇文章:第二讲:JavaScript变量声明:varletconst详解

Footnotes

  1. 条件判断、switch、循环语法,《JavaScript高级程序设计(第5版)》 第3章 2 3 4 5 6

  2. if 多分支与 do-while 示例,《JavaScript高级程序设计(第5版)》 第3章 2 3

  3. for-of 遍历数组的用法,《JavaScript高级程序设计(第5版)》 第3章

相关推荐
陈不知代码6 分钟前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记8 分钟前
sass中@mixin与 @include
前端·sass
陈琦鹏15 分钟前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数42 分钟前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante1 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam1 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
小毛驴8502 小时前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
誰能久伴不乏2 小时前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
涔溪3 小时前
响应式前端设计:CSS 自适应布局与字体大小的最佳实践
前端·css
今禾3 小时前
前端开发中的Mock技术:深入理解vite-plugin-mock
前端·react.js·vite