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);