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

Posted 黑马程序员官方

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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年前端学习路线图:课程、源码、笔记,技术栈  另外此线路图实时更新!需要课后资料的友友们,可以直接告诉我。

 

创作打卡挑战赛 赢取流量/现金/CSDN周边激励大奖

以上是关于JavaScript:比较运算符和逻辑运算符的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript:赋值运算符以及运算符优先级

JavaScript三元表达式&分支流程控制 switch 语句

JavaScript比较和逻辑运算符

JavaScript 比较 和 逻辑运算符

JavaScript 比较和逻辑运算符

JavaScript学习——JavaScript比较和 逻辑运算