“if condition”与“console.log”内的相等检查之间的区别[重复]

Question

我正在尝试一个代码 sn-p，但在 console.log 语句和条件语句中的空数组检查结果是不同的。 帮助/思考为什么会有所不同？ 提前致谢！

//Output: true
if([]) {
  console.log(true)
} else{
  console.log(false)
}

//Output: false
console.log([] == true)

Answer 1

您似乎遇到了一个已知的 JavaScript 怪癖。

“[] 是真的，但不是真的”

问题不在于您在哪里进行评估，而在于看起来相同的两个评估实际上是不同的。

看 https://github.com/denysdovhan/wtfjs#-is-truthy-but-not-true

Answer 2

我的假设是 if/else 块，在其“真实”测试的一部分中是检查是否存在某些东西（不仅仅是它是否为真）——其中直接控制台打印正在比较空的值数组反对布尔值（这将是错误的）

let test = 'apple';
if( test ){
  console.log( 'if/else: ' + true );
}else{
  console.log( 'if/else: ' + false );
}

console.log( 'log: ' + ( test == true ) );

Answer 3

这两个 sn-ps 实际上在做不同的事情，因此结果不同。

第一个以[] 作为if 语句的条件，将数组强制转换为布尔值。 （if，很自然，只适用于布尔值，如果给定的值还不是布尔值，JS 会很高兴地转换它。）这会产生true - JS 中的所有对象都是“真实的”，其中包括所有数组。

对于第二个 sn-p，您使用的是“松散相等”运算符 == - JS 规范为此提供了一组规则，用于将值转换为其他类型，最终在两者之间进行直接比较相同类型的值。在这种情况下，您可能希望或希望将非布尔值与true 或false 进行比较，从而将非布尔值强制为布尔值——但这不是发生的情况。规范所说的是，首先将布尔值强制转换为数值 - 导致true 的1（和false 的0）。所以它减少到[] == 1 - 这将在产生false 结果之前经历更多的转换。

关键是在第二种情况下不会发生布尔转换。如果你认为这很愚蠢，那你可能是对的。这有点棘手，也是许多指南告诉您永远不要在 JS 中使用 == 的原因之一。一般来说，我实际上并不同意该建议（并且讨厌 linter 告诉我在任何情况下始终使用 ===） - 但你必须意识到一些危险。使用== 将值与true 或false 进行比较是总是 避免的。

幸运的是，如果您想测试 x 是真还是假，您有一个非常简短且易于理解的方法 - 您在此处的第一个 sn-p 中使用的方法：if (x)

Answer 4

[编辑] 所以我最初的答案令人困惑，你在互联网上找到的关于这个主题的许多答案存在一些不一致；所以，让我再试一次：

第 1 部分：它们为何不同

if([]) 和 if([] == true) 不是同一个操作。如果你看到下面的例子，你会在做同样的操作时得到同样的结果。

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

//Output: false
console.log([] == true);

第 2 部分：为什么重要又名：令人困惑的部分

在JS中，下面是一个常用的表达式，用来查看一个对象/变量是否存在：

var foo = "Hello World";
if (foo) ...

从设计的角度来看，这个测试并不重要看foo是否等于真或假，它是一个看程序是否能找到对象或变量foo的测试。如果它找到 foo，那么它会在“then”条件下执行结果，否则会得到“else”条件。因此，在这种情况下，它将 foo 转换为 false for 不存在或 true for 确实存在。所以在这种情况下，字符串被简化为布尔值。

相比之下：

var foo = "Hello World";
if (foo == true) ...

通常试图找出 foo 的值是否实际上等于 true。在本例中，您将 foo "Hello World" 的值与布尔值进行比较，因此在本例中，"Hello World" 不等于 true。

就像 foo 一样，[] 可以用不止一种方式计算。一个空数组仍然是一个对象；因此，在第一种情况下，它强制为真，因为它想知道是否可以找到 []；但是，[] 也等于 ['']。所以现在想象一下：

if (['bar'] == 'bar') ...

在这种情况下，JS 不会查看 ['bar'] 以查看它是否存在，而是作为一个包含单个值的对象，它可以将其转换为字符串 'bar'。

所以：

if([]); // is true because it is an object test that evaluates as (1 === 1)

和

if([] == true) // is false because it is a string test that evaluates as ('' == 1) to (0 === 1)