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


在本教程中,我们将学习如何在 JavaScript 中将布尔值转换为数字。布尔值是变量的数据类型,JavaScript 与其他编程语言一样支持它。

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

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

使用 Number() 函数

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

语法

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

let bool = true;
let result = Number(bool);

参数

  • bool − 我们需要转换为数字的布尔变量。

示例

在下面的示例中,我们使用 JavaScript 数字库的 Number() 函数将 true 和 false 两个布尔值都转换为了数字。Number() 函数对于 true 值返回 1,对于 false 值返回 0。

Open Compiler
<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

示例

在下面的示例中,我们给出了两个不同的将布尔值转换为数字的示例,一个是使用按位 | 运算符,另一个是使用按位 & 运算符

Open Compiler
<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>

Learn JavaScript in-depth with real-world projects through our JavaScript certification course. Enroll and become a certified expert to boost your career.

使用算术运算符

这是本教程中将布尔值转换为数字的最后一种方法。我们将使用加法和乘法算术运算符。但是,我们也可以使用减法和除法运算符。

当我们从布尔值中加或减 0 时,它会返回布尔值对应的数字值。同样,当我们将布尔值乘以 1 时,它会返回与加法相同的结果。

语法

请按照以下语法使用乘法和加法运算符。

let bool = true;
let result = bool + 0; // using the Arithmetic + operator
let result = bool * 1; // using the Arithmetic * operator

示例

在下面的示例中,我们使用了加法和乘法运算符将布尔值转换为数字。

Open Compiler
<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+ 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告