JavaScript：比较运算符

比较运算符

有时需要将一个变量的值与其他变量进行比较。比较运算符接受简单值（数值或字符串）作为参数，并返回true或false。以下是常用的比较运算符列表。

JavaScript 相等（==）运算符

相等（==）运算符图示说明

2   ==  2   // true
2   ==  3   // false
2   == '2'  // true
"4" ==  4   // true

JavaScript 相等（==）运算符示例

以下函数首先评估条件（num == 15）是否求值为true。若成立，则返回大括号内的声明（"Equal"）。若不成立，则返回大括号外的下一个return声明（"Not equal"）。

JavaScript 代码：

function test_Equal(num) {
  if (num == 15) {
    return "Equal";
  }
  return "Not equal";
}
console.log(test_Equal('15')); // "Equal"
console.log(test_Equal(15)); // "Equal"
console.log(test_Equal(25)); // "Not equal"

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

严格相等（===）运算符的图示化展示

5 ===  5   // true
5 === '5'  // false

JavaScript严格相等（===）运算符示例

以下函数首先判断条件(num === 15)是否为true。若为true，则返回大括号内的语句("Equal")；否则将执行大括号外的下一个return语句返回("Not equal")。

JavaScript 代码：

function test_Strict(num) {
  if (num === 15) {
    return "Equal";
  }
  return "Not equal";
}
console.log(test_Strict(15)); // "Equal"
console.log(test_Strict('15')); // "Not equal"
console.log(test_Strict(25)); // "Not equal"

JavaScript 不等于 (!=) 运算符

不等于(!=)运算符的图示说明

3 !=  4     // true
3 != "3"    // false
3 != '3'    // false
3 != true   // true
0 != false  // false

JavaScript 不等于（!=）运算符示例

以下函数首先判断条件(num != 55)是否为真。若结果为真，则返回花括号内的语句("Not equal")。若不满足条件，将执行花括号外的下一个return语句并返回("Equal")。

JavaScript 代码：

function test_NotEqual(num) {
  if (num != 55) {
    return "Not Equal";
  }
  return "Equal";
}
console.log(test_NotEqual(45)); // "Not Equal"
console.log(test_NotEqual(55)); // "Equal"
console.log(test_NotEqual(75)); // "Not Equal"

JavaScript 严格不等于 (!==) 运算符

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

2 !==  2   // false
2 !== '2'  // true
3 !==  2   // true

JavaScript 严格不等于（!==）运算符用例

以下函数首先判断条件（num !== 15）是否在同时比较值和类型时计算结果为真。若成立，则返回执行花括号内的语句（"Not equal"）。若不成立，则返回其外部的下一个return语句（"Equal"）。

JavaScript 代码：

function test_StrictNotEqual(num) {
  if (num !== 15) {
    return "Not equal";
  }
  return "Equal";
}
console.log(test_StrictNotEqual(15)); // "Equal"
console.log(test_StrictNotEqual(20)); // "Not equal"
console.log(test_StrictNotEqual(25)); // "Not equal"

JavaScript 大于(>)运算符

大于（>）运算符的图示说明

6   >  4   // true
8   > '4'  // true
3   >  2   // true
'2' >  5   // false

JavaScript大于(>)运算符示例

以下函数首先判断条件（num > 50）是否为真，必要时会将num转换为数值类型。若条件成立，则返回花括号之间的语句（"Over 50"）。若不成立，则检查下一个条件是否为真（返回"Over 15"）。若所有条件均未满足，函数将返回"10 or under"。

JavaScript 代码：

function test_GreaterThan(num) {
  if (num > 50) {
    return "Over 50";
  }
  if (num > 15) {
    return "Over 15";
  }
  return "10 or under";
}
console.log(test_GreaterThan(70));  // "Over 50"
console.log(test_GreaterThan(10)); //  "10 or under"
console.log(test_GreaterThan(45)); // "Over 15"

JavaScript 大于等于 (>=) 运算符

大于或等于（>=）运算符的图示说明

5   >=  5   // true
8   >= '4'  // true
3   >=  5   // false
'5' >=  7   // false

JavaScript 大于等于（>=）运算符示例

以下函数首先判断条件（num >= 50）是否评估为真，必要时会将num转换为数值。若条件成立，则返回花括号内的语句("50 or Over")。如不成立，则继续检查下一个条件是否成立（返回"20 or Over"）。否则函数将返回"Less than 20"。

JavaScript 代码：

function test_GreaterOrEqual(num) {
  if (num >= 50) return "50 or Over";

  if (num >= 20) return "20 or Over";

  return "Less than 20";
}
console.log(test_GreaterOrEqual(70)); // "50 or Over"
console.log(test_GreaterOrEqual(10)); // "Less than 20"
console.log(test_GreaterOrEqual(45)); // "20 or Over"

JavaScript 小于(<)运算符

小于（<）运算符图示展示

3   < 6  // true
'3' < 5  // true
6   < 6  // false
4   < 3  // false
'5' < 3  // false

以下函数首先判断条件（num < 50）是否为真，必要时会将num转换为数值类型。若条件成立，则返回花括号内的语句（"Less than 50"）。若不成立，则继续检查下一个条件是否为真（返回"Less than 15"）。若所有条件均不满足，函数最终返回"10 or under"。

JavaScript 代码：

function test_GreaterThan(num) {
  if (num < 50) {
    return "Less than 50";
  }
  if (num < 15) {
    return "Less than 15";
  }
  return "10 or under";
}
console.log(test_GreaterThan(70));  // "Less than 50"
console.log(test_GreaterThan(10)); //  "Less than 15"
console.log(test_GreaterThan(45)); // "10 or under"

JavaScript Less than or equal (<=) operator

小于等于（<=）运算符的图示说明

5   <= 6  // true
'8' <= 8  // true
6   <= 6  // true
5   <= 3  // false
'6' <= 2  // false

JavaScript 小于等于 (<=) 运算符示例

以下函数首先判断条件（num <=25）是否为真，必要时会将num转换为数值类型。若条件成立，则返回花括号内的语句（"Smaller Than or Equal to 25"）。若不成立，函数会检查下一个条件是否为真（返回"Smaller Than or Equal to 25"）。若所有条件均不满足，函数将返回"More Than 50"。

JavaScript 代码：

function test_LessOrEqual(num) {
  if (num <= 25) return "Smaller Than or Equal to 25";

  if (num <= 50) return "Smaller Than or Equal to 50";

  return "More Than 50";
}
console.log(test_LessOrEqual(50));  // "Smaller Than or Equal to 50"
console.log(test_LessOrEqual(10));  // "Smaller Than or Equal to 25"
console.log(test_LessOrEqual(75));  // "More Than 50"

JavaScript 代码编辑器：

上一篇：JavaScript：位运算符
下一篇：JavaScript：逻辑运算符——AND、OR、NOT