前端学习手册-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
||	或（or）	true || false ==> true
!	非（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)。