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

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

WBOY轉載: 2023-08-26 13:21:161211瀏覽

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

Boolean 資料類型只包含兩個值，true 和 false。 在某些情況下，程式設計師必須將 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刪除

上一篇：HTML DOM getAttributeNode() 方法下一篇：HTML DOM getAttributeNode() 方法

看更多