【零基础学JS - 10 】javaScript 中的比较和逻辑运算符

👨‍💻 作者简介：程序员半夏 , 一名全栈程序员，擅长使用各种编程语言和框架，如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我!
🏆 本文收录于专栏: 零基础学JavaScript,包含JavaScript 基础知识,DOM相关知识,高级知识点,最新ES特性
————————————————————————
🔥 热门专栏:

🥇 学透CSS: 全网阅读超百万,CSDN最强CSS专栏,精通CSS全属性，不做切图仔，从订阅本专栏开始!

🥇 SprinbBoot + Vue3 项目实战: 新鲜出炉的2023实战系列博客,配套视频,用心打磨,篇篇精品.持续更新,值得订阅!

比较运算符用于比较两个值并返回一个布尔值，常用于决策和循环。

比较运算符

比较运算符用于比较两个值，并返回一个布尔值：true或false。比较运算符在决策和循环中使用。

运算符	描述	示例
==	等于：如果操作数相等	5==5; //true
!=	不等于：如果操作数不相等	5!=5; //false
===	严格等于：如果操作数相等且类型相同	5==='5'; //false
!==	严格不等于：如果操作数相等但类型不同或根本不相等	5!=='5'; //true
>	大于：如果左操作数大于右操作数	3>2; //true
>=	大于或等于：如果左操作数大于或等于右操作数	3>=3; //true
<	小于：如果左操作数小于右操作数	3<2; //false
<=	小于或等于：如果左操作数小于或等于右操作数	2<=2; //true

示例 1：等于运算符

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

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

注意，在 JavaScript 中，= 是赋值运算符，== 才是比较运算符。

示例 2：不等于运算符

const a = 3, b = 'hello';

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

示例 3：严格等于运算符

const a = 2;

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

=== 计算为操作数是否相等且类型相同。

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

const a = 2, b = 'hello';

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

!== 计算为操作数是否严格不相等。

示例 5：大于运算符

const a = 3;

console.log(a > 2); // true

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

const a = 3;

console.log(a >= 3); //true

示例 7：小于运算符

const a = 3, b = 2;

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

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

const a = 2;

console.log(a <= 3) // true
console.log(a <= 2); // true

逻辑运算符

逻辑运算符用于执行逻辑操作：AND、OR 和 NOT。

下表列出了 JavaScript 中的逻辑运算符：

运算符	描述	例
&&	逻辑 AND：如果两个操作数/布尔值都为 true，则结果为 true，否则为 false	true && false; // false
||	逻辑 OR：如果两个操作数/布尔值都为 false，则结果为 false，否则为 true	true || false; // true
!	逻辑 NOT：如果操作数为 true，则结果为 false，否则为 true	!true; // false

示例 9：逻辑 AND 运算符

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

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

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

&& 计算结果为 true 如果两个操作数都为 true，否则为 false。

示例 10：逻辑 OR 运算符

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

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

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

示例 11：逻辑 NOT 运算符

const a = true, b = false;

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

! 计算操作数是否为 false，反之亦然。