最近在学js,这不刚开始学就遇到困难了，被这个if(xx)和 a==b的判断搞得直发懵。可能是有一些知识点没有掌握，所以我就理一理相关的知识点，写一篇关于if(xx)和 a==b的判断
if(xxx){}的判断
js 是如何处理的呢？先看看原理
| 类型 | 结果 |
|---|---|
| Undefined | false |
| Null | false |
| Boolean | 直接判断 |
| Number | +0, −0, 或者 NaN 为 false, 其他为 true |
| String | 空字符串为 false,其他都为 true |
| Object | true |
再来几道题
// 题目1：如下代码输出什么?
if ("hello") {
console.log("hello")
}
// 题目2：如下代码输出什么?
if ("") {
console.log('empty')
}
// 题目3：如下代码输出什么?
if (" ") {
console.log('blank')
}
对照着上面的原理这几道题是不是就简单了很多呀，对于括号里的表达式，会被强制转换为布尔类型，括号里的表达式为true就输出结果，为false就不输出结果
== 的判断
对于==的判断，js是怎么处理的呢，先看看原理
| x | y | 结果 |
|---|---|---|
| null | undefined | true |
| Number | String | x == toNumber(y) |
| Boolean | (any) | toNumber(x) == y |
| Object | String or Number | toPrimitive(x) == y |
| otherwise | otherwise | false |
来几道题试试
"" == 0 //题目1
" " == 0 //题目2
"" == true //题目3
"" == false //题目4
" " == true //题目5
明白了原理做题是不是就简单多了呢，再上几道升级版的题目试试
!" " == true //题目6
!" " == false //题目7
"hello" == true //题目8
"hello" == false //题目9
"0" == true //题目10
"0" == false //题目11
"00" == false //题目12
"0.00" == false //题目13
undefined == null //题目14
{} == true //题目15
[] == true //题目16
var obj = {
a: 0,
valueOf: function(){return 1}
}
obj == "[object Object]" //题目17
obj == 1 //题目18
obj == true //题目19
对照着下面的原理再做一遍吧，看看对了几个
toNumber
| type | Result |
|---|---|
| Undefined | NaN |
| Null | 0 |
| Boolean | ture -> 1, false -> 0 |
| String | “abc” -> NaN, “123” -> 123 |
toPrimitive
对于 Object 类型，先尝试调用 .valueOf 方法获取结果。 如果没定义，再尝试调用 .toString方法获取结果
