如何在JavaScript中将布尔值转换为数字？

百变鹏仔 4周前 (09-22) #HTML

文章标签转换为

在本教程中，我们将在 JavaScript 中将布尔值转换为数字。 Boolean 是变量的数据类型，与其他编程语言一样，JavaScript 也支持该类型。

Boolean 数据类型仅包含两个值，true 和 false。 在某些情况下，程序员必须将 true 或 false 值转换为号码。例如，使用严格相等运算符将布尔值与数字变量进行比较。

这里，使用不同的运算符，我们有三种方法将布尔值转换为数字。

使用 Number() 函数

在 JavaScript 中，Number() 函数可用于将任何变量转换为数字。我们还可以使用它将布尔变量转换为数字。

立即学习“Java免费学习笔记（深入）”；

语法

用户可以按照以下语法将布尔值转换为数字。

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 operatorlet 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 + operatorlet 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中将布尔值转换为数字？

使用 Number() 函数

语法

参数

示例

使用位运算符

语法

示例

使用算术运算符

语法

示例

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8