JavaScript 运算符与流程控制（条件判断）
本课是JavaScript逻辑编程的核心基础，重点讲解四大运算符与三大条件判断语句。学习者需掌握运算规则、优先级处理与分支流程控制，能独立完成区间判断、等值匹配、场景化交互逻辑。课程通过成绩分级、英语单词检测等实战案例，将语法与应用结合，强化代码逻辑思维。本课核心能力是让程序根据不同条件执行不同代码，是实现交互、校验、功能分支的基础。掌握括号优化优先级、流程图梳理逻辑、严格相等判断等技巧，可大幅提升代码质量。本课内容贯穿整个JS开发，是后续循环、函数、项目开发必备的逻辑基石。
一、课程学习目的
-
全面掌握JavaScript四大类运算符的语法规则、运算逻辑与使用场景，能正确完成各类数据运算。
-
理解程序分支执行原理，熟练运用
if-else、if-else if-else、switch-case实现条件判断。 -
能独立编写年龄判断、成绩分级、英语单词检测等实战案例，完成基础程序流程控制。
-
学会使用括号优化运算优先级、用流程图梳理逻辑，提升代码可读性与可维护性，规避逻辑错误。
二、核心知识点深度讲解
1. JavaScript 四大运算符全解
-
算术运算符 ：用于数学计算，包括
+ - * / % ++ --，%取余常用于奇偶判断，+可用于字符串拼接。 -
比较运算符 ：用于判断大小/相等，包括
> < >= <= == === != !==，===严格相等（推荐使用），不发生类型转换。 -
逻辑运算符 ：用于组合条件，
&&逻辑与（全真为真）、||逻辑或（一真为真）、!逻辑非（取反）。 -
赋值运算符 ：简化赋值操作，包括
= += -= *= /= %=。 -
优先级规则 ：先乘除后加减，逻辑运算最后执行；不确定优先级时用括号强制指定执行顺序。
2. 条件判断语句核心语法
-
if-else：二选一执行，适合单一条件判断。
-
if-else if-else：多条件多选一执行，适合连续区间判断（成绩、年龄等级）。
-
switch-case ：固定值匹配判断，适合等值匹配场景，搭配
break避免穿透。 -
执行规则 ：条件为
true执行对应代码块，条件为false跳过。
3. 实用技巧
-
复杂运算加括号，避免优先级错误。
-
多条件逻辑先画流程图，再写代码。
-
优先使用
===代替==，避免隐式转换导致判断错误。
三、示例程序
示例1：运算符综合使用与优先级演示
JavaScript
// 算术、比较、逻辑运算符综合演示
let num1 = 10;
let num2 = 3;
// 算术运算
let sum = num1 + num2;
let remainder = num1 % num2;
// 赋值运算简写
num1 += 5;
// 比较运算
let compare = num1 > num2;
// 逻辑运算：同时满足两个条件
let check = (num1 > 10) && (num2 < 5);
// 输出结果查看运算状态
console.log("运算结果：", sum, remainder, num1, compare, check);示例说明：本示例整合算术、比较、逻辑、赋值四类运算符，展示基础运算写法与执行结果。通过取余、增量赋值、大小比较、多条件校验，让学习者掌握运算符使用规则。代码加入括号明确优先级，避免运算混乱，适合入门者理解程序运算逻辑，为后续条件判断打下基础。
示例2：if-else if-else 成绩等级判断
JavaScript
// 定义考试分数
let score = 85;
let level;
// 多条件分支判断成绩等级
if (score >= 90) {
level = "优秀";
} else if (score >= 80) {
level = "良好";
} else if (score >= 60) {
level = "及格";
} else {
level = "不及格";
}
// 输出最终结果
console.log("你的分数：" + score + "，评级：" + level);示例说明：本示例使用多条件分支语句实现成绩评级功能，按分数区间自动匹配等级。代码从上到下依次判断，满足任一条件即执行对应逻辑并跳出，是最常用的流程控制结构。案例贴近实际应用，可帮助学习者掌握区间判断写法，理解程序分支执行原理，提升逻辑思维能力。
示例3：场景实战-儿童英语单词正误判断
JavaScript
// 正确单词
let rightWord = "apple";
// 用户输入的答案
let userWord = "apple";
let result;
// 判断输入是否正确
if (userWord === rightWord) {
result = "恭喜你，拼写正确！";
} else {
result = "拼写错误，请重新尝试！";
}
console.log(result);示例说明 ：本示例以儿童英语启蒙为场景，通过严格相等===判断用户输入单词与正确答案是否一致，输出对应提示。代码简洁易懂，贴合生活化应用场景，让学习者体会条件判断在交互中的实际作用。可直接扩展为单词测试小工具，帮助巩固条件语句用法，提升学习趣味性与实用性。
示例4：switch-case 固定值判断示例
JavaScript
// 定义数字对应星期
let week = 3;
let weekName;
// switch等值匹配
switch (week) {
case 1:
weekName = "星期一";
break;
case 2:
weekName = "星期二";
break;
case 3:
weekName = "星期三";
break;
default:
weekName = "输入无效";
}
console.log(weekName);示例说明：本示例使用switch-case实现固定值匹配，根据数字输出对应星期。语句通过case等值判断，搭配break防止代码穿透，default处理无效输入。适合固定值选择场景，与if-else形成互补，帮助学习者掌握多条件判断的两种方案，根据场景选择最优写法。
四、掌握技巧与方法
-
运算符优先级技巧：不确定顺序时直接加括号，强制程序按你的逻辑执行。
-
多条件梳理技巧：复杂判断先画流程图，再按流程写代码。
-
条件判断规范 ：区间判断用
if-else if-else，固定值匹配用switch-case。 -
避坑方法 ：始终使用
===严格相等，减少隐式转换带来的错误。
五、课后作业
基础必做
-
分别演示算术、比较、逻辑、赋值运算符，各写2个运算示例并输出结果。
-
使用
if-else判断一个数字是奇数还是偶数。
进阶必做
-
使用
if-else if-else实现年龄分段：0-3岁婴儿，4-12岁儿童，13-18岁青少年，19-60岁成年，60岁以上老人。 -
使用
switch-case根据数字1-7输出对应星期。
实战作业
编写儿童英语单词判断程序：设定正确单词，判断用户输入是否正确，输出"正确"或"错误"。