js 空数组 空对象判断

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呢？地址引用不一样