【Java Web学习 | 第八篇】JavaScript(2) 基础知识2
🌈个人主页: Hygge_Code🔥热门专栏:从0开始学习Java | Linux学习| 计算机网络💫个人格言: “既然选择了远方，便不顾风雨兼程”
文章目录
JavaScript 运算符与流程控制全解析
在 JavaScript 中，运算符和流程控制是实现逻辑处理的基础。本文在前文基础上补充for循环内容，全面讲解比较运算符、逻辑运算符、条件判断语句（if、switch）及循环语句（while、for），帮助你掌握 JavaScript 的逻辑构建能力。
一、运算符：自增、比较与逻辑🥝
1. 自增运算符（++）
自增运算符分为前缀（++i）和后缀（i++），核心区别在于返回值时机：
- 后缀自增（
i++）：先返回当前值，再自增 - 前缀自增（
++i）：先自增，再返回新值
let i =1; console.log(i+++++i + i);// 结果为7// 解析：// 1. i++ 先返回1，i变为2// 2. ++i 先自增为3，返回3// 3. 此时i=3，总和：1+3+3=72. 比较运算符
用于判断值的关系，返回布尔值，需重点区分==与===：
| 运算符 | 特点 | 示例 | 结果 |
|---|---|---|---|
== | 只比较值（隐式转换类型） | 2 == "2" | true（字符串转数字） |
=== | 比较值和类型（无转换） | 2 === "2" | false（类型不同） |
!= | 只比较值不相等 | 2 != "2" | false（值相等） |
!== | 比较值或类型不相等 | 2 !== "2" | true（类型不同） |
特殊规则：
- 字符串按字符编码比较（如
"a" < "b"为true） NaN与任何值比较都返回false（包括自身）
console.log(2=="2");// true（隐式转换） console.log(2==="2");// false（类型不同） console.log("aabgg"<"bzzzz");// true（首字符"a"<"b"）3. 逻辑运算符
组合多个条件判断，返回布尔值：
| 运算符 | 描述 | 示例 | 结果 |
|---|---|---|---|
&& | 逻辑与（两边都真才真） | 3<5 && 3<9 | true |
| 两条竖线(打不出来) | 逻辑或（至少一边真则真） | 3<5 两条竖线 3>100 | true |
! | 逻辑非（取反） | !(2>5) | true |
真值/假值规则：
- 假值：
0、""、null、undefined、NaN - 真值：除假值外的所有值（如非空字符串、非0数字）
console.log(!9);// false（9是真值） console.log(!"");// true（空字符串是假值）二、条件判断语句🥝
1. if 语句
根据条件执行代码块，条件会隐式转换为布尔值：
// 语法if(条件){// 条件为真时执行}else{// 条件为假时执行}// 示例：判断空格字符串是否为真if(" "){// 空格字符串是真值（非空） console.log(true);// 输出：true}else{ console.log(false);}2. 三目运算符
if-else的简写形式：条件 ? 表达式1 : 表达式2
// 判断2与"2"是否绝对相等 document.write(2==="2"?"相等":"不等");// 输出：不等3. switch 语句
用于多条件等值判断（使用===比较），需配合break防止穿透：
let num5 =3;switch(num5){case1: console.log("选了1");break;case2: console.log("选了2");break;case3: console.log("选了3");// 匹配成功，输出此句break;default: console.log("无匹配项");}// 输出：选了3三、循环语句🥝
1. while 循环
根据条件重复执行代码块，continue可跳过本次循环：
let n =5;while(n--){// n从5递减到0if(n ===3)continue;// 跳过n=3的循环 document.write(`执行第${n}次<br/>`);}// 输出：// 执行第4次// 执行第2次// 执行第1次// 执行第0次2. for 循环
更灵活的循环方式，适合已知循环次数的场景，语法：
for(初始化; 条件; 更新){// 循环体}示例：基本用法
// 输出1-5for(let i =1; i <=5; i++){ console.log(i);// 依次输出1、2、3、4、5}总结🍂
本文全面讲解了 JavaScript 核心运算符和流程控制：
- 自增运算符的前缀/后缀差异影响返回值
- 比较运算符中
===比==更严格（检查类型） - 逻辑运算符依赖真值/假值转换
- 条件判断：if适合区间判断，switch适合等值判断
- 循环：while适合未知次数，for适合已知次数，灵活使用
continue和break
如果我的内容对你有帮助，请 点赞 ， 评论 ， 收藏 。创作不易，大家的支持就是我坚持下去的动力！
