js空数组是true or false

var arr = new Array();
// 或 var arr = [];

初始化后，即使数组arr中没有元素，也是一个object。

typeof arr;
// "object"

既然是object，用于判断条件时就会被转化为true

if(arr)console.log("it's true");
// it's true这里写代码片

但是，如果将arr与布尔值比较：

arr == false;
// true
arr == true;
// false这里写代码片

可是，如果把arr转化为Boolean，的确是true：

Boolean(arr);
// true

那arr与布尔值比较时，到底发生了什么？

原来，任意值与布尔值比较，都会将两边的值转化为Number。

如arr与false比较，false转化为0，而arr为空数组，也转化为0：

Number(false)
// 0
Number(arr)
// 0

所以，当空数组作为判断条件时，相当于true。当空数组与布尔值直接比较时，相当于false。

也就出现了以下令人绕圈的现象：

[] == ![];
// true

因为![]为false，[]与！[]比较相当于[]与false进行比较

如何避免数组与布尔值比较时出现的坑呢？可以先把数组转化为布尔值：

Boolean(arr) == true;
// true

new Array() == [];
//false

就和new Array() == new Array()一样。是不同的两个对象。

new Array(1) == false;
// true，虽然数组的长度为1，但还是一个空数组Number[new Array()]为0

[undefined] == false;
// true,虽然[undefined].length为1，Number([undefined])为0;