&& 也可以叫逻辑与,在其操作数中找到第一个虚值(假值)表达式并返回它,如果没有找到任何虚值表达式,则返回最后一个真值表达式。
console.log(false && 1 && []); // false
console.log(0 && 1 && []); // 0
console.log(" " && true && 5); // 5
console.log( 1 && 5); // 5
console.log( 0 && 1); // 0
console.log( 1&& 0 && 1);// 0
||也叫或逻辑或,在其操作数中找到第一个真值表达式并返回它,如果没有则返回最后一个假值表达式。
console.log(0||1)//1
console.log(false || 0);// 0
console.log(0 || false);//false
==用于一般比较,===用于严格比较,==在比较的时候可以转换数据类型,===严格比较,只要类型不匹配就返回flase。
先来看看 == 这兄弟:
强制是将值转换为另一种类型的过程。在这种情况下,==会执行隐式强制。在比较两个值之前,==需要执行一些规则。
假设我们要比较x == y的值。
- 如果
x和y的类型相同,则 JS 会换成===操作符进行比较。 - 如果
x为null,y为undefined,则返回true。 - 如果
x为undefined且y为null,则返回true。 - 如果
x的类型是number,y的类型是string,那么返回x == toNumber(y)。 - 如果
x的类型是string,y的类型是number,那么返回toNumber(x) == y。 - 如果
x为类型是boolean,则返回toNumber(x)== y。 - 如果
y为类型是boolean,则返回x == toNumber(y)。 - 如果
x是string、symbol或number,而y是object类型,则返回x == toPrimitive(y)。 - 如果
x是object,y是string,symbol则返回toPrimitive(x) == y。 - 剩下的 返回
false
注意:toPrimitive首先在对象中使用valueOf方法,然后使用toString方法来获取该对象的原始值。
举个例子。
| x | y | x == y |
|---|---|---|
| 5 | 5 | true |
| 1 | '1' | true |
| null | undefined | true |
| 0 | false | true |
| '1,2' | [1,2] | true |
| '[object Object]' | {} | true |
| null | 0 | false |
这些例子都返回true。
第一个示例符合条件1,因为x和y具有相同的类型和值。
第二个示例符合条件4,在比较之前将y转换为数字。
第三个例子符合条件2。
第四个例子符合条件7,因为y是boolean类型。
第五个示例符合条件8。使用toString()方法将数组转换为字符串,该方法返回1,2。
最后一个示例符合条件8。使用toString()方法将对象转换为字符串,该方法返回[object Object]。
| x | y | x === y |
|---|---|---|
| 5 | 5 | true |
| 1 | '1' | false |
| null | undefined | false |
| 0 | false | false |
| '1,2' | [1,2] | false |
| '[object Object]' | {} | false |
如果使用===运算符,则第一个示例以外的所有比较将返回false,因为它们的类型不同,而第一个示例将返回true,因为两者的类型和值相同。
!!运算符可以将右侧的值强制转换为布尔值,这也是将值转换为布尔值的一种简单方法。
console.log(!!null); // false
console.log(!!undefined); // false
console.log(!!''); // false
console.log(!!0); // false
console.log(!!NaN); // false
console.log(!!' '); // true
console.log(!!{}); // true
console.log(!![]); // true
console.log(!!1); // true
console.log(!![].length); // false
??:空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。