前端学习手册-JavaScript基础语法十
目录
前端学习手册-JavaScript基础语法(十)
继续学习JavaScript基础语法,边学习边动手在控制台敲起来哟。加油！
一、运算符
1.算数运算符
| 运算符 | 说明 | 示例和值 |
|---|---|---|
| + | 加 | 1 + 2 |
| - | 减 | 5 - 3 |
| * | 乘 | 4 * 6 |
| / | 除 | 8 / 2 ==>4 |
| % | 取余 | 9 % 4 ==>1 |
| i++ | 自增运算符 | 先赋值后新增（✅在循环、计数器等场景中非常常用） |
| ++i | 自增运算符 | 先自增后赋值 |
面试经常考到的基础知识
2.赋值运算符
| 运算符 | 说明 | 示例 |
|---|---|---|
| = | 赋值 | x = 1 |
| += | 加后赋值 | x += 1 等价于 x = x + 1 |
| -= | 减后赋值 | x -= 1 等价于 x = x -1 |
3.比较运算符
| 运算符 | 说明 |
|---|---|
| == | 等于（会进行类型转换后比较值） |
| === | 全等（严格相等运算符,值和类型都要相同）✅ 推荐使用 |
| != | 不等于 |
| !== | 不全等 |
| >, <, >=, <= | 大小比较 |
4.逻辑运算符
| 运算符 | 说明 | 示例和值 |
|---|---|---|
| && | 与（and） | true && false ==> false |
| ! | 非（not） | !true ==> false |
二、条件控制语句
1.if-else
if语句适用于范围判断和复杂的逻辑条件
// if 语句基本用法
const score = 85;
if (score >= 90) {
console.log('成绩优秀');
} else if (score >= 80) {
console.log('成绩良好');
} else if (score >= 60) {
console.log('成绩及格');
} else {
console.log('成绩不及格');
}2.switch
switch语句适用于多个固定值的匹配，结构更清晰。
switch语句在某些情况下性能可能更好（特别是多个分支时）。
switch有fall-through特性（不使用break会继续执行下一个case）。
// switch 语句基本用法
const day = 'Monday';
switch (day) {
case 'Monday':
console.log('星期一');
break;
case 'Tuesday':
console.log('星期二');
break;
case 'Wednesday':
console.log('星期三');
break;
case 'Thursday':
console.log('星期四');
break;
case 'Friday':
console.log('星期五');
break;
default:
console.log('周末');
}三、循环语句
1.for循环
最常用的循环方式，适合已知循环次数的情况。循环遍历数组。
2.while循环
先判断条件，再执行循环体，适合未知循环次数的情况。
3.do-while循环
先执行循环体，再判断条件，至少执行一次。
4.for…in循环
用于遍历对象的可枚举属性（包括继承的属性）。
5.for…of循环
用于遍历可迭代对象（数组、字符串、Map、Set等）。
6.forEach方法，推荐
数组的内置方法，用于遍历数组元素。
适用于数组遍历，代码更简洁。
但无法中途跳出循环，可以抛出异常来解决跳出循环(try…catch)。
