&& 与|| 应用,===与==应用,!!的应用

208 阅读3分钟

&& 也可以叫逻辑与,在其操作数中找到第一个虚值(假值)表达式并返回它,如果没有找到任何虚值表达式,则返回最后一个真值表达式。

        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的值。

  1. 如果xy的类型相同,则 JS 会换成===操作符进行比较。
  2. 如果xnullyundefined,则返回true
  3. 如果xundefinedynull,则返回true
  4. 如果x的类型是numbery的类型是string,那么返回x == toNumber(y)
  5. 如果x的类型是stringy的类型是number,那么返回toNumber(x) == y
  6. 如果x为类型是boolean,则返回toNumber(x)== y
  7. 如果y为类型是boolean,则返回x == toNumber(y)
  8. 如果xstringsymbolnumber,而yobject类型,则返回x == toPrimitive(y)
  9. 如果xobjectystringsymbol则返回toPrimitive(x) == y
  10. 剩下的 返回 false

注意:toPrimitive首先在对象中使用valueOf方法,然后使用toString方法来获取该对象的原始值。

举个例子。

xyx == y
55true
1'1'true
nullundefinedtrue
0falsetrue
'1,2'[1,2]true
'[object Object]'{}true
null0false

这些例子都返回true

第一个示例符合条件1,因为xy具有相同的类型和值。

第二个示例符合条件4,在比较之前将y转换为数字。

第三个例子符合条件2

第四个例子符合条件7,因为yboolean类型。

第五个示例符合条件8。使用toString()方法将数组转换为字符串,该方法返回1,2

最后一个示例符合条件8。使用toString()方法将对象转换为字符串,该方法返回[object Object]

xyx === y
55true
1'1'false
nullundefinedfalse
0falsefalse
'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 时,返回其右侧操作数,否则返回左侧操作数。