Javascript價值比較解釋

Question

這兩個條件語句在Javascript中有什麼區別？

function comparisonTest() { 
    var value = "A value"; 
    var compare1 = 5; 
    var compare2 = "String"; 
    var compare3 = false; 

    if (value == compare1 || value == compare2 || value == compare3) console.write("True"); 
    else console.write("False"); 
} 

這是因爲它應該 - 它返回false，因爲值不匹配。但是，當我改變條件爲以下...

function comparisonTest() { 
    var value = "A value"; 
    var compare1 = 5; 
    var compare2 = "String"; 
    var compare3 = false; 

    if (value == compare1 || compare2 || compare3) console.write("True"); 
    else console.write("False"); 
} 

它總是回報True。我認爲也許會有更短的方式來編寫多重比較的條件（雖然循環會正常工作），但這顯然不是一種解決方法。

幕後發生了什麼，或者說它是如何被解釋的，以至於在第二種情況下，它總是返回真實？我聲明的所有值都不是1或true，所以這絕對不是問題。

Answer 1

不幸的是，我不相信有一個簡短的方法來在JavaScript中編寫條件。

第二個示例返回true的原因是因爲當您評估compare2時，這是JavaScript中的truthy值。

我推薦這post約truthy和falsey值在JavaScript

順便說一句，你可能想在JavaScript

Answer 2

這是因爲這樣的：

if (value == compare1 || compare2 || compare3) 

是一樣的：

if ((value == compare1) || compare2 || compare3) 

而且，你會看到compare2是滿足||運營商truthy值。請參閱this MDN article on operator precedence爲什麼==首先得到評估，這會使您的第一個代碼塊正常工作，但會讓您的第二個代碼塊像我所顯示的那樣進行評估。

---

如果你想所有的人都比較value，你有一個像你在你的第一個代碼塊做了，你單獨比較value每個人寫出來的速記方式。

---

您可能還需要考慮使用===更多的時候，那麼你就不必擔心可能的類型轉換使事情等於你從來都不是相等的。除非有明確的理由需要類型轉換，否則我有自己編碼的指導原則總是使用===和!==。我相信這可以節省一些意外的錯誤。有關更多信息，請參閱here。

Answer 3

這裏尋找到的區別==和===之間的另一種選擇：

function comparisonTest() { 
    var value = "A value"; 

    var answers = [5, "String", false]; 

    /* IE may requires shim found here: 
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf 
    */ 
    if (answers.indexOf(value) === -1) { 
    // False 
    } else { 
    // True 
    } 
}