红宝书第三讲: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章

相关推荐
weixin-a1530030831610 分钟前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
ai小鬼头36 分钟前
AIStarter最新版怎么卸载AI项目?一键删除操作指南(附路径设置技巧)
前端·后端·github
wen's44 分钟前
React Native 0.79.4 中 [RCTView setColor:] 崩溃问题完整解决方案
javascript·react native·react.js
一只叫煤球的猫1 小时前
普通程序员,从开发到管理岗,为什么我越升职越痛苦?
前端·后端·全栈
vvilkim1 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron
vvilkim1 小时前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron
aha-凯心2 小时前
vben 之 axios 封装
前端·javascript·学习
漫谈网络2 小时前
WebSocket 在前后端的完整使用流程
javascript·python·websocket
遗憾随她而去.2 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
xjt_09012 小时前
浅析Web存储系统
前端