20 - 运算符 - 比较运算符 - 大于、小于等比较操作

前端 - Javascript 《运算符 - 比较运算符 - 大于、小于等比较操作》

在 JavaScript 的奇妙世界里，比较运算符就像是一群“小法官”，它们能帮助我们判断两个值之间的大小、相等关系等，从而让程序根据不同的比较结果做出相应的决策。今天，我们就来深入了解大于、小于等比较运算符。

大于（>）和小于（<）运算符

这两个运算符就像是在举办一场“数值比赛”，大于运算符（>）判断左边的值是否比右边的值大，小于运算符（<）则判断左边的值是否比右边的值小。如果判断结果为真，就返回 true，否则返回 false。

示例代码

let num1 = 10;
let num2 = 20;
console.log(num1 > num2); // 输出: false，因为 10 不大于 20
console.log(num1 < num2); // 输出: true，因为 10 小于 20

在这个例子中，num1 > num2 的比较结果是 false，因为 10 并不大于 20；而 num1 < num2 的比较结果是 true，因为 10 确实小于 20。

大于等于（>=）和小于等于（<=）运算符

这两个运算符是大于和小于运算符的“升级版”，它们不仅能判断大小关系，还能判断是否相等。也就是说，大于等于运算符（>=）判断左边的值是否大于或等于右边的值，小于等于运算符（<=）判断左边的值是否小于或等于右边的值。

示例代码

let num3 = 15;
let num4 = 15;
console.log(num3 >= num4); // 输出: true，因为 15 等于 15
console.log(num3 <= num4); // 输出: true，因为 15 等于 15

这里，num3 >= num4 和 num3 <= num4 的比较结果都是 true，因为 15 等于 15，满足大于等于和小于等于的条件。

相等（==）和严格相等（===）运算符

相等运算符（==）会在比较时进行类型转换，而严格相等运算符（===）则要求值和类型都必须完全相同。这就好比相等运算符是个“宽松的法官”，而严格相等运算符是个“严格的法官”。

示例代码

let str = "10";
let num5 = 10;
console.log(str == num5); // 输出: true，因为进行了类型转换
console.log(str === num5); // 输出: false，因为类型不同

在这个例子中，str == num5 的比较结果是 true，因为相等运算符会把字符串 "10" 转换为数字 10 再进行比较；而 str === num5 的比较结果是 false，因为严格相等运算符要求值和类型都必须相同，这里一个是字符串，一个是数字，类型不同。

不相等（!=）和严格不相等（!==）运算符

这两个运算符分别是相等和严格相等运算符的“反义词”。不相等运算符（!=）在比较时会进行类型转换，而严格不相等运算符（!==）要求值或类型不同。

示例代码

let value1 = "20";
let value2 = 20;
console.log(value1!= value2); // 输出: false，因为进行类型转换后相等
console.log(value1!== value2); // 输出: true，因为类型不同

下面是一个总结表格：

通过这些比较运算符，我们可以在 JavaScript 中轻松地进行各种条件判断，让程序根据不同的情况执行不同的代码，是不是很有趣呢？让我们在代码的海洋里继续探索吧！