JS入门：逻辑运算符和比较运算符

---

前言

逻辑运算符和比较运算符用来测试 true 或 false

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、逻辑运算符

逻辑运算符有三个：！ && ||

1. ！非运算

可以用来对一个布尔值进去取反操作，并返回求值结果；true变成false，false变成true

代码如下（示例）：

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

如果对一个布尔值进行两次取反操作，则求值结果和原值相同

var a = true;
a = !!a;
console.log(a);//true

如果对一个非布尔值进行非运算，会先自动转换成布尔值，再运算

var a = "123";//转换成布尔值是true
a = !a;
console.log(a);//false

2.&& 与运算

分成两种情况，布尔值的与运算和非布尔值的与运算

1）布尔值的与运算：

如果两个值中有一个是false，则返回false；只有两个值是true，才返回true
注意：如果第一个值为false，则忽略第二个值，直接返回false

var a = true && false;
console.log(a);//false

2）非布尔值的与运算：

非 布尔值的与运算，会先转换成布尔值，再运算，然后返回原值（注意是原值）

运算规则：
如果第一个值是false，直接返回第一个值；
如果第一个值是true，必然返回第二个值。

var a = null && 1;//null转换成布尔值是false
console.log(a);//返回第一个值null

3. || 或运算

也分成两种情况，布尔值的或运算和非布尔值的或运算

1）布尔值的或运算：

如果两个值中有一个值为true，则返回true；只有当两个值都为false，才返回false

注意：如果第一个值为true，则忽略第二个值，直接返回true

var a = false || true;
console.log(a);//true

2）非布尔值的或运算：

运算规则：
如果第一个值是true，直接返回第一个值；
如果第一个值是false，必然返回第二个值。

var a = undefined|| 3;
console.log(a);//3

二、比较运算符

1. 大于、小于、大于等于、小于等于

    >     <       >=       <=

用于比较两个值的大小，关系成立返回true，关系不成立返回false

var a = "hello" > true;//"hello"转成数字是NaN，true是1
console.log(a);//false

注意：

1. 如果两个值不是数字，会先自动转换成数字，再进行比较
2. 任何值和NaN作比较，都会返回false
3. 两个字符串作比较，不会转换成数字，而是会比较字符串中字符的Unicode编码；如果第一个字符的Unicode编码相同，则比较第二个，以此类推
4. 比较中文时，没有任何意义

var a = "123" > "5";//字符串中的1的Unicode编码小于5的Unicode编码
console.log(a);//false

2.相等、不相等、全等、不全等

 ==     !=      ===       !==

1）== 用来比较两个值是否相等，如果相等返回true，不相等返回false

注意：

1. undefined 衍生自 null，所以 undefined == null
2. NaN和任何值都不相等，包含它本身，所以NaN == NaN，返回结果为false
3. 如果==两边的值是两个对象，是用来比较是否是同一个对象，如果是返回true，不是返回false
4. 如果需要判断一个值是否为NaN，可以调用isNaN()函数，如果是NaN返回true，否则返回false
5. 如果两个值的数据类型不同，先自动转换成相同的类型，再比较，一般情况下会转换成数字

代码如下（示例）：

var a = null == 1;
console.log(a);
//null转成数字是0，0和1不相等，所以返回false

2）!= 用来比较两个值是否不相等，如果不相等返回true，相等返回false

注意：

1.如果两个值的数据类型不同，先自动转换成相同的类型，再比较
2. 其他和相等运算符类似，不再重复。

3）=== 用来比较两个值的数据类型是否相等，如果相等返回true，不相等返回false

var a = null === undefined;
console.log(a);//false

4）!== 用来比较两个值是否相等 或 数据类型是否相等，如果值不相等返回true；或者，如果类型不相等返回true

var a = null !== undefined;
console.log(a);//两个值相等，返回true

---

总结

逻辑运算符和比较运算符的求值结果都是true或者false，需要注意的是对于非布尔值来说，逻辑运算的规则变化，和对于非数字的值，比较时会先自动转换成相同的类型，再进行比较