如何在JavaScript中將布林值轉換為數字?
在本教程中,我們將學習如何在JavaScript中將布林值轉換為數字。布林值是變數的一種資料型別,與其他程式語言一樣,JavaScript也支援這種資料型別。
布林值資料型別只包含兩個值:true和false。在某些情況下,程式設計師需要將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>
使用者可以使用這三種方法中的任何一種將布林值轉換為整數。第一種方法呼叫內建庫函式,它比第二種和第三種方法慢。在任何程式語言中,位運算都是最快的運算。因此,第二種方法是最快的方法,使用者可以輕鬆地使用它。
資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP