首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

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

  • 25-04-17 16:41
  • 4282
  • 13751
juejin.cn

红宝书第三讲: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. 空值合并操作符(??)

    • 当左侧是 null 或 undefined 时返回右侧值: 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变量声明:var、let、const详解

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章 ↩

注:本文转载自juejin.cn的kovli的文章"https://juejin.cn/post/7490462400614875176"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

101
推荐
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2025 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top