首頁 > web前端 > html教學 > 如何在JavaScript中將布林值轉換為數字?

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

WBOY
發布: 2023-08-26 13:21:16
轉載
1197 人瀏覽過

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

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

Boolean 資料類型只包含兩個值,truefalse。 在某些情況下,程式設計師必須將 true 或 false 值轉換為號碼。例如,使用嚴格相等運算子將布林值與數字變數進行比較。

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

使用 Number() 函數

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

文法

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

let bool = true;
let result = Number(bool);
登入後複製

參數

  • bool - 這是一個布林變量,我們需要將其轉換為數字。

範例

在下面的範例中,我們使用 JavaScript 數字庫的 Number() 函數將 true 和 false 兩個布林值轉換為數字。 Number()函數傳回 1 表示真值,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>
登入後複製

使用位元運算子

在本節中,我們將學習使用按位元 OR位元 AND 運算子將布林值轉換為數字。當我們將布林值與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>
登入後複製

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

以上是如何在JavaScript中將布林值轉換為數字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板