js 空数组是true还是false
1
2
|
var
arr =
new
Array();
// 或 var arr = [];
|
我们知道,初始化后,即使数组arr中没有元素,也是一个object。
1
2
|
typeof
arr;
// "object"
|
既然是object,用于判断条件时就会被转化为true
1
2
|
if
(arr)console.log(
"it's true"
);
// it's true
|
但是,如果将arr与布尔值比较:
1
2
3
4
|
arr ==
false
;
// true
arr ==
true
;
// false
|
可是,如果把arr转化为Boolean,的确是true:
1
2
|
Boolean(arr);
// true
|
那arr与布尔值比较时,到底发生了什么?
原来,任意值与布尔值比较,都会将两边的值转化为Number。
如arr与false比较,false转化为0,而arr为空数组,也转化为0:
1
2
3
4
|
Number(
false
)
// 0
Number(arr)
// 0
|
所以,当空数组作为判断条件时,相当于true。当空数组与布尔值直接比较时,相当于false。
也就出现了以下令人绕圈的现象:
1
2
|
[] == ![];
// true
|
如何避免数组与布尔值比较时出现的坑呢?可以先把数组转化为布尔值:
1
2
|
Boolean(arr) ==
true
;
// true
|
有同学问:
1
|
new
Array() == [];
|
必须是false,就和new Array() == new Array()一样。是不同的两个对象。
但有个问题很奇怪:
1
2
3
4
5
6
7
|
new
Array(1) ==
false
;
// true
// 或
[undefined] ==
false
;
// true
|
这个怎么解释呢?Number(new Array(1))为什么会是0呢?地址引用不一样