文章目录
  1. 1. 缘由
  2. 2. 结论

缘由

今天看到一个例子:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var a = "0";
if(a){
console.log(true);
}else{
console.log(false);
}
// true

var b = 0;
if(b){
console.log(true);
}else{
console.log(false);
}
// false

按照javascript来说"0" == 0 为true,那为什么会有两种答案呢?

结论

实际上是因为:

不要将原始布尔值的true和false与Boolean对象的真或假混淆。任何一个值,只要它不是 undefinednull0NaN或空字符串(""),那么无论是任何对象,即使是值为假的Boolean对象,在条件语句中都为真。

上面例子中的a是假的Boolean对象,但是在条件语句中依旧为真,所以最后输出的是true;而b是0,所以在条件语句中为false,输出false。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
var c = undefined;
if(c){
console.log(true);
}else{
console.log(false);
}
// false

var d = null;
if(d){
console.log(true);
}else{
console.log(false);
}
// false

var e = NaN;
if(e){
console.log(true);
}else{
console.log(false);
}
// false

var f = ""; // 空字符串
if(f){
console.log(true);
}else{
console.log(false);
}
// false

var g = " "; // 空格,虽然在javascript中 `" " == false`为true,但是它是一个假的Boolean对象,所以在条件语句中依旧为真。
if(g){
console.log(true);
}else{
console.log(false);
}
// true

var h = [];
if(h){
console.log(true);
}else{
console.log(false);
}
// true

var i = {};
if(i){
console.log(true);
}else{
console.log(false);
}
// true

var j = function(){};
if(j){
console.log(true);
}else{
console.log(false);
}
// true

var k = new Boolean(false);
if(k){
console.log(true);
}else{
console.log(false);
}
// true

var l = false;
if(l){
console.log(true);
}else{
console.log(false);
}
// false
文章目录
  1. 1. 缘由
  2. 2. 结论