在 JavaScript 中，有些值被视为“假”，包括 false、null、undefined、0、NaN 和空字符串 ("")。而其他所有值都被视为“真”。
然而，在比较空数组时，情况却有些复杂。具体来说，一个空数组在某些上下文中可能会被视为“真”，而在其他上下文中则会被视为“假”。这种现象的原因是 JavaScript 隐式类型转换的规则。
JavaScript 的隐式类型转换
在 JavaScript 中，当我们试图将一个值与另一个值进行比较时，如果两个值的类型不同，则 JavaScript 会尝试将它们转换为相同的类型。这种类型转换可以显式地通过函数调用完成（如 Number()、String() 和 Boolean()），也可以隐式地通过运算符完成。
JavaScript 中的隐式类型转换规则比较复杂，但我们可以通过以下几个基本规则来了解它：
- 当我们使用
==运算符时，如果两个值的类型不同，则会自动转换它们的类型，然后再比较它们的值。 - 当我们使用
===运算符时，不会进行类型转换，而是直接比较两个值的类型和值。
空数组的隐式类型转换
在 JavaScript 中，空数组在使用 == 运算符比较时会被转换为一个空字符串 ("")，而在使用 === 运算符比较时则不会进行转换。因此，在某些上下文中，空数组会被视为“假”，而在其他上下文中则会被视为“真”。
以下是一些示例代码，展示了空数组的隐式类型转换行为：
-- -------------------- ---- ------- -- ------------- -- ---- - --------------- ----- ----- -- --------- - -- ------------- -- --- -- ------ - --------------- ----- ----- -- -------- - -- ------------- -- --- -- --- - --------------- ----- ----- -- -------- - -- ------------- -- --- --- --- - ---------------- ----- ------ --- --- -------- -
在第一个示例中，一个空数组被用作条件判断（即，它被放在 if 语句中）。由于空数组被视为“真”，因此 console.log() 函数会输出 "an empty array is truthy"。
在第二个示例中，我们将一个空数组与 false 进行比较。根据 JavaScript 的隐式类型转换规则，空数组会被转换为一个空字符串，而空字符串又被视为“假”。因此，这个条件判断会返回 true，从而使 console.log() 函数输出 "an empty array is falsy"。
在第三个示例中，我们将一个空数组与空字符串进行比较。由于 JavaScript 的隐式类型转换规则，空数组会被转换为一个空字符串，因此这个条件判断也会返回 true。
最后，在第四个示例中，我们使用 === 运算符比较两个空数组。由于这个运算符不会进行类型转换，所以这个条件判断会返回 false。
如何避免问题
为了避免对空数组进行错误的隐式类型转换，我们可以采用以下几种方法：
- 在使用空数组作为条件语句时，显式地将它转换为布尔值，例如通过
if (arr.length)或if (arr.length > 0)
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9576
