switch（true）與if（true）不返回相同（JavaScript）

Question

我正在編寫一個單擊按鈕的功能。 有很多不同的按鈕，所以我想使用switch(true)語句而不是一系列if...else if語句。

有幾個按鈕用於數字，我將數字放在<button>標簽的value屬性中。 但是，測試這兩個函數會產生不同的結果。

switch(true) {
    case (Number(button.value)):
        console.log('thats a number');
        break;
    default:
        console.log('NaN');
        break;
}

if(Number(button.value)) {
    console.log('thats a number');
} else {
    console.log('NaN');
}

有人可以解釋一下原因嗎？ 我已經徹底測試了，沒有到達任何地方，並且覺得它必須在switch和if語句處理方式上有一些技術差異。

Answer 1

switch語句使用嚴格相等性檢查給定條件=== ，而if取一個轉換為boolean值的值進行檢查。

你在switch中獲得的是什么

true === Number(button.value)

那個檢查永遠不會成true