在本教程中，您将借助示例了解比较运算符和逻辑运算符。

JavaScript 比较运算符

比较运算符比较两个值并返回一个布尔值：要么true要么false。比较运算符用于决策和循环。

示例 1：等于运算符

const a = 5, b = 2, c = 'hello';

// equal to operator
console.log(a == 5);     // true
console.log(b == '2');   // true
console.log(c == 'Hello');  // false

如果操作数相等，== 等于 true。
    注意：在 JavaScript 中，== 是比较运算符，而是 = 赋值运算符。如果您错误地使用 = 而不是 ==，您可能会得到不需要的结果。

示例 2：不等于运算符

const a = 3, b = 'hello';

// not equal operator
console.log(a != 2); // true
console.log(b != 'Hello'); // true

如果操作数相等，!= 等于 true。

示例 3：严格等于运算符

const a = 2;

// strict equal operator
console.log(a === 2); // true
console.log(a === '2'); // false

操作数相等且类型相同，=== 等于 true。这里 2 和 ‘2’ 是相同的数字，但数据类型不同。当比较时， === 也检查数据类型。
    注意：== 和 === 的区别在于：
    如果操作数相等，== 为 true；只有当操作数和数据类型都相等时，=== 为 true。

示例 4：严格不等于运算符

const a = 2, b = 'hello';

// strict not equal operator
console.log(a !== 2); // false
console.log(a !== '2'); // true
console.log(b !== 'Hello'); // true

如果操作数严格不相等，!== 为 true。它与严格相等 === 完全相反。
    在上面示例，2 != ‘2’ 为 true。这是因为尽管它们有相同的值，但它们的类型不同。

示例 5：大于运算符

const a = 3;

// greater than operator
console.log(a > 2); // true

如果左操作数大于右操作数，则 > 计算结果为 true。

示例 6：大于或等于运算符

const a = 3;

// greater than or equal operator
console.log(a >= 3); //true

如果左操作数大于或等于右操作数，则 >= 等于 true。

示例 7：小于运算符

const a = 3, b = 2;

// less than operator
console.log(a < 2); // false
console.log(b < 3); // true

如果左操作数小于右操作数，则 < 等于 true。

示例 8：小于或等于运算符

const a = 2;

// less than or equal operator
console.log(a <= 3) // true
console.log(a <= 2); // true

如果左操作数小于或等于右操作数，则 <= 等于 true。

JavaScript 逻辑运算符

逻辑运算符执行逻辑运算：AND、OR和NOT。

示例 9：逻辑与运算符

const a = true, b = false;
const c = 4;

// logical AND
console.log(a && a); // true
console.log(a && b);  // false

console.log((c > 2) && (c < 2)); // false

如果两个操作数/布尔值都为真，则 && 为 true。否则计算结果为 false。
    注意：还可以将逻辑运算符与数字一起使用。在JavaScript中，0 为 false，所有非零值均为 true。

示例 10：逻辑或运算符

const a = true, b = false, c = 4;

// logical OR
console.log(a || b); // true
console.log(b || b); // false
console.log((c>2) || (c<2)); // true

如果任一操作数为 true ，则 || 计算结果为 true。如果两个操作数都是 false，则结果是 false。

示例 11：逻辑非运算符

const a = true, b = false;

// logical NOT
console.log(!a); // false
console.log(!b); // true

如果操作数为 false，则 ! 为 true，反之亦然。

上一教程 ：JS Type Conversion                                         下一教程 ：JS if…else

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/comparison-logical