网站
引入
运算符用来对数据进行计算、比较、赋值和判断。
写 JS 逻辑时，经常会用运算符处理变量之间的关系。
正文
定义
定义
运算符是用来操作数据的符号，例如加法、比较大小、判断真假、给变量赋值。
算术运算符
用于数字计算。
let a = 10;
let b = 3;
console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);
console.log(a % b);| 运算符 | 作用 |
|---|---|
+ | 加法，也可以拼接字符串 |
- | 减法 |
* | 乘法 |
/ | 除法 |
% | 取余数 |
赋值运算符
用于给变量保存或修改数据。
let count = 0;
count = count + 1;
count += 1;
count -= 1;| 写法 | 作用 |
|---|---|
= | 赋值 |
+= | 在原值基础上相加 |
-= | 在原值基础上相减 |
*= | 在原值基础上相乘 |
/= | 在原值基础上相除 |
比较运算符
用于比较两个值，结果通常是 true 或 false。
console.log(18 > 16);
console.log(18 < 16);
console.log(18 === 18);
console.log(18 !== 20);| 运算符 | 作用 |
|---|---|
> | 大于 |
< | 小于 |
>= | 大于等于 |
<= | 小于等于 |
=== | 严格相等 |
!== | 严格不相等 |
初学阶段建议优先使用 === 和 !==，少用 ==。
逻辑运算符
用于组合多个条件。
let age = 18;
let hasTicket = true;
console.log(age >= 18 && hasTicket);
console.log(age >= 18 || hasTicket);
console.log(!hasTicket);| 运算符 | 作用 |
|---|---|
&& | 并且，两个条件都为真才是真 |
| ` | |
! | 取反，把真变假，把假变真 |
三元运算符
三元运算符用于根据条件返回不同结果。
let age = 18;
let message = age >= 18 ? "成年人" : "未成年人";
console.log(message);结构是：
条件 ? 条件成立的结果 : 条件不成立的结果;例子
判断是否可以登录
let userName = "Tom";
let password = "123456";
let canLogin = userName !== "" && password !== "";
console.log(canLogin);计算商品总价
let price = 20;
let count = 3;
let total = price * count;
console.log(total);特点
- 运算符用于计算、比较、赋值和判断
+遇到字符串时，可能变成字符串拼接- 比较运算符的结果是布尔值
- 逻辑运算符常配合条件判断使用
- 三元运算符适合简单判断，不适合写太复杂逻辑
- 初学阶段建议使用
===，避免==的隐式转换问题
理解
运算符就是 JS 里处理数据的工具。
变量负责保存数据，运算符负责让数据之间发生关系。
比如计算价格、判断年龄、检查输入内容，都离不开运算符。
引出
理解运算符之后，就可以继续学习 JS 条件判断，用判断语句控制代码是否执行。