如何在JavaScript中將布林值轉換為數字?


在本教程中,我們將學習如何在JavaScript中將布林值轉換為數字。布林值是變數的一種資料型別,與其他程式語言一樣,JavaScript也支援這種資料型別。

布林值資料型別只包含兩個值:truefalse。在某些情況下,程式設計師需要將true或false值轉換為數字。例如,使用嚴格相等運算子比較布林值和數字變數。

這裡,我們使用不同的運算子,介紹三種將布林值轉換為數字的方法。

使用Number()函式

在JavaScript中,Number()函式可以將任何變數轉換為數字。我們也可以用它來將布林變數轉換為數字。

語法

使用者可以按照以下語法將布林值轉換為數字。

let bool = true;
let result = Number(bool);

引數

  • bool − 需要轉換為數字的布林變數。

示例

在下面的示例中,我們使用JavaScript數字庫的Number()函式將true和false這兩個布林值都轉換成了數字。Number()函式對於true值返回1,對於false值返回0。

<html> <head> </head> <body> <h2>Convert the Boolean to number in JavaScript.</h2> <h4>Convert the Boolean ( true / false ) respectively to number using <i> Number() </i> function.</h4> <div id="number1"></div> <div id = "number2"></div> </body> <script> var number1 = document.getElementById("number1"); var number2 = document.getElementById("number2"); let bool = true; let result = Number(bool); number1.innerHTML = result; number2.innerHTML = Number(false); </script> </html>

使用位運算子

在本節中,我們將學習如何使用按位或按位與運算子將布林值轉換為數字。當我們對布林值執行與0的按位或運算時,它將返回數字值。

此外,當用戶對1與任何布林值執行按位與運算時,它將返回相應的數字值。

語法

使用者可以按照以下語法使用位運算子將布林值轉換為數字。

let bool = true;
let result = bool | 0; // using the Bitwise OR operator
let result = bool & 1; // using the Bitwise AND operator

示例

在下面的示例中,我們演示了兩種將布林值轉換為數字的示例,一種使用按位|運算子,另一種使用按位&運算子

<html> <head> </head> <body> <h2>Convert the Boolean to number in JavaScript.</h2> <h4>Converting the Boolean true to number using <i> Bitwise | </i> operator.</h4> <div id = "number1"></div> <h4>Converting the Boolean false to number using <i> Bitwise &</i> operator.</h4> <div id = "number2"></div> </body> <script> var number1 = document.getElementById("number1"); var number2 = document.getElementById("number2"); let bool = true; let result = bool | 0; number1.innerHTML = result; bool = false; number2.innerHTML = bool & 1; </script> </html>

使用算術運算子

這是本教程中最後一種將布林值轉換為數字的方法。我們將使用加法和乘法算術運算子。但是,我們也可以使用減法和除法運算子。

當我們從布林值中加或減0時,它將返回與布林值對應的數字值。同樣,當我們將布林值乘以1時,它將返回與加法相同的結果。

語法

請按照以下語法使用乘法和加法運算子。

let bool = true;
let result = bool + 0; // using the Arithmetic + operator
let result = bool * 1; // using the Arithmetic * operator

示例

在下面的示例中,我們使用了加法和乘法運算子將布林值轉換為數字。

<html> <head> </head> <body> <h2>Convert the Boolean to number in JavaScript.</h2> <h4>Convert the Boolean false to number using <i> Arithmetic + </i> operator.</h4> <div id = "number1"></div> <h4>Convert the Boolean true to number using <i> Arithmetic * </i> operator.</h4> <div id = "number2"></div> </body> <script> var number1 = document.getElementById("number1"); var number2 = document.getElementById("number2"); let bool = false; let result = bool + 0; number1.innerHTML = result; bool = true; number2.innerHTML = bool * 1; </script> </html>

使用者可以使用這三種方法中的任何一種將布林值轉換為整數。第一種方法呼叫內建庫函式,它比第二種和第三種方法慢。在任何程式語言中,位運算都是最快的運算。因此,第二種方法是最快的方法,使用者可以輕鬆地使用它。

更新於:2022年8月8日

4K+ 次瀏覽

開啟您的職業生涯

完成課程獲得認證

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