JavaScript 基础之运算符总结（建议收藏）

文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 javascript 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。

这篇文章瑶琴带大家学习 javascript 的运算符，JavaScript的运算符非常重要，因为它们可以执行各种语句操作，从基本的数学计算到控制程序的流程，以及处理数据和进行比较。本文会详细介绍所有运算符，并给出示例用法。

1.算术运算符

用于执行基本的数学运算，例如加法、减法、乘法、除法等。

• 加法运算符 (+)：将两个值相加。

• 减法运算符 (-)：将两个值相减。

• 乘法运算符 (*)：将两个值相乘。

• 除法运算符 (/)：将两个值相除。

• 模运算符 (%)：返回除法的余数。

let x = 5;
let y = 3;
let sum = x + y; // 结果为 8
let difference = x - y; // 结果为 2
let product = x * y; // 结果为 15
let quotient = x / y; // 结果为 1.666...
let remainder = x % y; // 结果为 2

2.赋值运算符

用于将值赋给变量。

• 赋值运算符 (=)：将右侧的值赋给左侧的变量。

let x = 10; // 变量 x 被赋值为 10

3. 比较运算符

用于比较两个值。

• 相等运算符 (==)：检查两个值是否相等。

• 不相等运算符 (!=)：检查两个值是否不相等。

• 全等运算符 (===)：检查两个值是否全等（值和类型都相等）。

• 不全等运算符 (!==)：检查两个值是否不全等。

• 大于运算符 (>)：检查左侧的值是否大于右侧的值。

• 小于运算符 (<)：检查左侧的值是否小于右侧的值。

• 大于等于运算符 (>=)：检查左侧的值是否大于或等于右侧的值。

• 小于等于运算符 (<=)：检查左侧的值是否小于或等于右侧的值。

let a = 5;
let b = 7;
let isEqual = a == b; // 结果为 false
let isNotEqual = a != b; // 结果为 true
let isStrictlyEqual = a === b; // 结果为 false
let isGreaterThan = a > b; // 结果为 false
let isLessThan = a < b; // 结果为 true

4. 逻辑运算符

用于执行逻辑操作。

• 逻辑与运算符 (&&)：如果两个条件都为真，则返回真。

• 逻辑或运算符 (||)：如果其中一个条件为真，则返回真。

• 逻辑非运算符 (!)：用于取反一个条件的值

let condition1 = true;
let condition2 = false;

let andResult = condition1 && condition2; // 结果为 false
let orResult = condition1 || condition2; // 结果为 true
let notResult = !condition1; // 结果为 false

5. 字符串运算符

用于连接字符串。

字符串连接运算符 (+)：将两个字符串连接在一起。

let str1 = "Hello";
let str2 = "World";
let greeting = str1 + " " + str2; // 结果为 "Hello World"

6. 三元运算符

三元运算符是一个简洁的条件表达式，它以灵活且紧凑的方式来根据条件为变量分配不同的值。

通常用于在满足条件时返回一个值，否则返回另一个值。它的语法如下：

condition ? expressionIfTrue : expressionIfFalse

示例：

let age = 18;
let message = age >= 18 ? "成年人" : "未成年人";
console.log(message); // 输出 "成年人"

JavaScript 运算符是编写动态、交互式网页和应用程序的基础。它们使你能够执行各种操作，从简单的数学计算到复杂的条件逻辑，让你能够构建功能强大和交互性强的应用。因此，了解和熟练使用运算符是非常重要的。对于这些运算符，初学者不用死记硬背，在编码中使用便会孰能生巧。

希望今天的内容对初学前端的朋友有所帮助。也希望每一个初学者都能成为一个优秀的前端开发工程师，加油。

最后啰嗦一句，好记性不如烂笔头，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。