如何在 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>

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

更新於: 2022年8月8日

4K+ 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.