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 與布林值(即true或false)連線時,結果是數字型別。我們可以利用此技巧將 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 轉換為數字的方法,您可以根據需要使用任何一種方法,第三種方法(使用 ~~)是最快的方法,但它會使我們的程式碼可讀性略差,如果可讀性不是問題,那麼您可以使用此方法,否則三元運算子方法和邏輯運算子方法在可讀性方面是最好的。
資料結構
網路
關係型資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP