JavaScript 中 null 如何轉換為數字?


在 JavaScript 中,null 是一個預定義的關鍵字,表示空值或未知值,沒有值。null 的資料型別是物件。在本文中,我們將學習如何使用多種方法將 null 轉換為布林值,方法如下。

  • 使用 Number() 方法
  • 使用邏輯或 (||)
  • 使用 ~~ 運算子
  • 使用三元運算子
  • 將 null 與布林值連線

使用 Number() 方法

JavaScript 中的 Number() 方法用於將值轉換為數字。如果值不可轉換,則返回 NaN。要將 null 轉換為數字,我們將“null”作為引數傳遞給 Number() 方法。

語法

以下是使用 Number() 方法將“null”轉換為數字的語法

Number(null)

當將 null 作為引數傳遞給此方法時,它返回 0。

示例 1

在下面的示例中,我們使用 Number() 方法將 null 轉換為數字。我們還檢查轉換後數字的型別。

<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the Number() Method</p> <p id ="output"></p> <script> let num = Number(null); document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>

使用邏輯或 (||)

或運算子在 JavaScript 中用 || 符號表示。要將 null 轉換為數字,我們將運算子與 null 和任何數字一起使用,運算子將返回該數字。

語法

null || number;

示例 2

在這個示例中,我們建立了一個名為 num 的變數,並將其值賦值為null || 0。它將 null 轉換為值為 0 的數字。

<html> <head> <title>Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the Logical OR (||)</p> <p id ="output"></p> <script> let num = null || 0; document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>

使用 ~~ 運算子

~~ 運算子也稱為雙波浪線或雙按位非運算子。它用於對正數取整,這是Math.floor() 方法的簡寫形式,但僅適用於正數。要將 null 轉換為數字,我們只需在 null 前面使用此運算子。

語法

~~number

示例 3

在這個示例中,我們將 null 賦值給變數 num 並列印 ~~num 的值。

<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the ~~ Operator</p> <p id ="output"></p> <script> let num = ~~null document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>

使用三元運算子

條件運算子或三元運算子首先評估表示式的真假值,然後根據評估結果執行兩個給定語句中的一個。

語法

null ? null : number

示例 4

在給定的示例中,清楚地說明了如何使用三元運算子將 null 轉換為數字。

<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the Ternary Operator</p> <p id ="output"></p> <script> let num = null ? null : 0; document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>

將 null 與布林值連線

當我們將 null 與布林值(即truefalse)連線時,結果是數字型別。我們可以利用此技巧將 null 轉換為數字。為此,我們使用“+”運算子將 null 與 false 連線。

語法

var num = null+false

示例

在下面的示例中,我們將 null 轉換為數字。我們使用 + 運算子將 null 與 false 連線。null 作為數字的結果值為零。

<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number by concatenating null with a boolean value</p> <p id ="output"></p> <script> let num = null + false; document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>

正如我們已經提到了四種將 null 轉換為數字的方法,您可以根據需要使用任何一種方法,第三種方法(使用 ~~)是最快的方法,但它會使我們的程式碼可讀性略差,如果可讀性不是問題,那麼您可以使用此方法,否則三元運算子方法和邏輯運算子方法在可讀性方面是最好的。

更新於:2022年8月11日

9000+ 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.