JavaScript：比较运算符和逻辑运算符

JavaScript前文回顾：

•  认识JavaScript到初体验
• JavaScript 注释以及输入输出语句
• JavaScript变量的使用、语法扩展、命名规范
• JavaScript数据类型简介以及简单的数据类型
• JavaScript获取变量数据类型
• JavaScript 运算符&算数运算符
• JavaScript递增和递减运算符 

---

一、比较运算符

概念：比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值（true / false）作为比较运算的结果。

1.2 ＝小结

console.log(18 == '18');
console.log(18 === '18'); 

1.3 课堂练习

var num1 = 10;
var num2 = 100;
var res1 = num1 > num2;   
var res2 = num1 == 11;   
var res3 = num1 != num2; 

二、逻辑运算符概述

概念：逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。后面开发中经常用于多个条件的判断

三、逻辑与&&

两边都是 true才返回 true，否则返回 false

四、逻辑或||

两边都为 false 才返回 false，否则都为true

五、逻辑非 ！

逻辑非（!）也叫作取反符，用来取一个布尔值相反的值，如 true 的相反值是 false

var isOk = !true;
console.log(isOk);  // false

练习

var num = 7;
var str = "我爱你~中国~";
console.log(num > 5 && str.length >= num);
 console.log(num < 5 && str.length >= num);
 console.log(!(num < 10));
 console.log(!(num < 10 || str.length == num）);

六、短路运算（逻辑中断）

短路运算的原理：当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;

1. 逻辑与

语法： 表达式1 && 表达式2

如果第一个表达式的值为真，则返回表达式2

如果第一个表达式的值为假，则返回表达式1

console.log( 123 && 456 );        // 456
console.log( 0 && 456 );          // 0
console.log( 123 && 456&& 789 );  // 789

2. 逻辑或

语法： 表达式1 || 表达式2

如果第一个表达式的值为真，则返回表达式1

如果第一个表达式的值为假，则返回表达式2

console.log( 123 || 456 );         //  123
console.log( 0 ||  456 );          //  456
console.log( 123 || 456 || 789 );  //  123

七、逻辑中断（短路操作）

5.4 逻辑中断（短路操作）

var num = 0;
console.log(123 || num++);
console.log(num);   

---

黑马前端专栏干货多多，关注再学，好方便~

2022年前端学习路线图：课程、源码、笔记，技术栈  另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我。