如何在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中将布尔值转换为数字?的详细内容,更多请关注双恒网络其它相关文章!

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!
8. 精力有限,不少源码未能详细测试(解密),不能分辨部分源码是病毒还是误报,所以没有进行任何修改,大家使用前请进行甄别
9.本站默认解压密码为:www.sudo1.com
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。
本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。
如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。
我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

云资源网 » 如何在JavaScript中将布尔值转换为数字?

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或 联络我们.。
你们有qq群吗怎么加入?
当然有的,如果你是帝国cms、易优cms、和pbootcms系统的爱好者你可以加入我们的QQ千人交流群https://www.sudo1.com/page-qun.html。
  • 会员数(个)
  • 12334资源数(个)
  •        
  • 资源(G)
  •        
  • 今日下载
  • 1406稳定运行(天)

提供最优质的资源集合

立即查看 了解详情