美文网首页
JavaScript 中关于 if(xx) 和 a==b

JavaScript 中关于 if(xx) 和 a==b

作者: cafeAndTea | 来源:发表于2018-09-26 11:34 被阅读0次

if(xx)的判断

对于括号里的表达式,会被强制转换为布尔类型
原理:

类型 结果
Undefined false
Null false
Boolean 直接判断
Number +0, −0, 或者 NaN 为 false, 其他为 true
String 空字符串为 false,其他都为 true
Object true

题目:

if ("hello") {
    console.log("hello")
}   //  hello

if ("") {
    console.log('empty')
}  // 不输出

if (" ") {
    console.log('blank')
}   // blank

if ([0]) {
    console.log('array')
} // array

if('0.00'){
  console.log('0.00')
} // 0.00

a==b的判断

相等运算符用来比较相同类型的数据时,与严格相等运算符完全一样。
比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。类型转换规则如下。

  • 原始类型的值
    原始类型的数据会转换成数值类型再进行比较。
1 == true // true
// 等同于 1 === Number(true)

0 == false // true
// 等同于 0 === Number(false)

2 == true // false
// 等同于 2 === Number(true)

2 == false // false
// 等同于 2 === Number(false)

'true' == true // false
// 等同于 Number('true') === Number(true)
// 等同于 NaN === 1

'' == 0 // true
// 等同于 Number('') === 0
// 等同于 0 === 0

'' == false  // true
// 等同于 Number('') === Number(false)
// 等同于 0 === 0

'1' == true  // true
// 等同于 Number('1') === Number(true)
// 等同于 1 === 1

'\n  123  \t' == 123 // true
// 因为字符串转为数字时,省略前置和后置的空格
  • 对象与原始类型值比较

对象(这里指广义的对象,包括数组和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。

[1] == 1 // true
// 等同于 Number([1]) == 1

[1] == '1' // true
// 等同于 String([1]) == Number('1')

[1] == true // true
// 等同于 Number([1]) == Number(true)

上面代码中,数组[1]与数值进行比较,会先转成数值,再进行比较;与字符串进行比较,会先转成字符串,再进行比较;与布尔值进行比较,两个运算子都会先转成数值,然后再进行比较。

  • undefined 和 null

undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。

false == null // false
false == undefined // false

0 == null // false
0 == undefined // false

undefined == null // true

绝大多数情况下,对象与undefined和null比较,都返回false。只有在对象转为原始值得到undefined时,才会返回true,这种情况是非常罕见的。

  • 相等运算符的缺点

相等运算符隐藏的类型转换,会带来一些违反直觉的结果。

0 == ''             // true
0 == '0'            // true

2 == true           // false
2 == false          // false

false == 'false'    // false
false == '0'        // true

false == undefined  // false
false == null       // false
null == undefined   // true

' \t\r\n ' == 0     // true

上面这些表达式都很容易出错,因此不要使用相等运算符(==),最好只使用严格相等运算符(===)。

相关文章

网友评论

      本文标题:JavaScript 中关于 if(xx) 和 a==b

      本文链接:https://www.haomeiwen.com/subject/jdedoftx.html