JavaScript 101:初学者的 JavaScript 运算符指南
Source: Dev.to
好啦,既然你已经对控制流有了一点了解,让我们再来点儿调味。在本文中,我将向你展示 JavaScript 中有哪些运算符,这些运算符能够真正提升你对代码流向的控制水平。
你可以在这里看到原始文章。
运算符的用途是什么?
让我们先从定义运算符是什么开始。在 JavaScript 中,运算符是用于执行特定操作的符号或关键字;这些操作可以是数学、逻辑、赋值、比较等。简而言之,它们用于在程序运行时操作数据并控制程序的流程。
Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_operators
我们有哪些运算符,它们各自有什么用途?
根据 MDN Web Docs 的说明,现有的运算符可以分为四大类:算术运算符、赋值运算符、比较运算符、逻辑运算符以及其他类型。下面我将逐一进行说明。
算术运算符
正如你可能已经猜到的,这些运算符用于进行数学运算。最常见的用法大家都很熟悉:
// 加法 (+)
5 + 3 // = 8
// 减法 (-)
10 - 4 // = 6
// 乘法 (*)
6 * 7 // = 42
// 除法 (/)
10 / 2 // = 5
但这并不是全部;还有一些不太常见的算术运算符:
// 取余 (%)
12 % 5 // = 2
// 指数 (**)
2 ** 3 // = 8
取余运算符(%)是 一种在编程中用于求除法余数的数学运算符。例如,5 % 2 的结果是 1,因为 2 能进入 5 两次,余数为 1。
最后,我们还有 一元 算术变体,用于递增/递减、将值强制转换为 int 或取负:
++/--(递增 / 递减)- 一元
+和-用于强制转换或取负
let x = 5;
x++; // x 变为 6
let y = +"42"; // y 为 42(数值)
let z = -10; // z 为 -10
赋值运算符
赋值运算符用于在变量中存储或更新值。最基本的形式是 = 运算符,用于赋值。其余运算符被称为“复合”运算符,因为它们将算术运算与赋值合并在一起。
这些快捷写法可以让代码更简洁,减少重复。
// 基本赋值:
let count = 0;
count = 5;
// 复合运算符:
count += 2; // count = count + 2
count -= 3; // count = count - 3
count *= 3; // count = count * 3
// 上面的写法相当于:
count = count * 3;
还有更多赋值运算符;完整列表请参见 MDN 文档 这里。
比较运算符
小知识点:JavaScript 于 1995 年 5 月诞生。最初它只拥有 宽松 比较运算符(== 和 !=)。到了 1999 年 12 月,随着 ECMAScript 3(ES3) 的发布,严格 相等运算符(=== 和 !==)被引入,使我们的编程体验稍微好了一点。
宽松相等(== 和 !=)
// 不安全的类型比较:
"3" == 3 // true
3 != '3' // false
null == undefined // true
[] == false // true
严格相等(=== 和 !==)
0 === false // false(类型不同)
"5" === 5 // false(类型不同)
"hello" === "hello" // true(值相同,类型相同)
1 === 1 // true(类型相同,值相同)
3 !== '3' // true(类型不同)
💡 建议: 除非有明确的理由需要进行类型强制转换,否则始终使用 ===(以及 !==)。
关系运算符
3 4 // false
4 >= 4 // true
4 = 18 ? "adult" : "minor";
比较:if…else 与三元运算符
// 使用 if…else
function getFinalPrice(price, discount) {
let result;
if (discount > 0) {
result = price - price * discount;
} else {
result = price;
}
return result;
}
// 使用三元运算符
function getFinalPrice(price, discount) {
return discount > 0
? price - price * discount
: price;
}
💡 小贴士: 三元运算符可以让代码更短、更易读,但如果使用过度——尤其是链式使用多个三元运算符——会影响可维护性。请谨慎使用。
那…就是现在
这些是你在 JavaScript 中最常见的运算符,尽管它们不是唯一的。我可能会在本系列的后续章节中探讨更高级的运算符。
现在你应该已经准备好使用这里介绍的概念来编写代码了。
接下来在 JavaScript 101 系列中: 循环——具体来说是 for、while 和 do…while。
