介绍4种用JavaScript将布尔值转换为整数数字的方法

本文主要是介绍介绍4种用JavaScript将布尔值转换为整数数字的方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天我们来介绍4种用JavaScript将布尔值转换为整数数字的方法。希望对你有所帮助。

在JavaScript中，布尔值表示两个值之一： true或false。但如何将存储布尔值的变量转换为整数“0”或“1”？下面本篇文章就来给大家介绍一下将布尔值转换为整数“0”或“1”的方法，希望对大家有所帮助。

在JavaScript中，想要将存储布尔值的变量转换为整数“0”或“1”，可以使用多种方法进行转换。下面是一些流行的方法：

1、使用三元或条件“（）？： ”运算符。

2、使用一元+运算符。

3、使用按位和（＆）或按位或（|）运算符。

4、使用Number()函数。它将数据类型转换为数字。

1、使用三元或条件“（）？：”运算符

语法：

var i = value ? 1 : 0;

实例：

<!DOCTYPE html>	
<html>	
<head>	
<meta charset="UTF-8">	
</head>	
<body>	
<center>	
<h2 id="h" ></h2>	
<h4>单击按钮，将布尔值更改为数字</h4>	
<button onclick="myFunction()">转换</button>	
<p>变量的数值为：</p>	
<p id="result" ></p>	
<script> 	
// 将boolvalue初始化为true	
var boolvalue = true	
document.getElementById("h").innerHTML="变量boolvalue的值为："+boolvalue;	
function myFunction() { 	
var i = boolvalue ? 1 : 0; 	
document.getElementById("result").innerHTML = i; 	} 	
</script>	
</center>	
</body>	</html>

2、使用一元“+”运算符

语法：

var i = + boolvalue;

实例：

<!DOCTYPE html>	
<html>	
<head>	
<meta charset="UTF-8">	
</head>	
<body>	
<center>	
<h2 id="h" ></h2>	
<h4>单击按钮，将布尔值更改为数字</h4>	
<button onclick="myFunction()">转换</button>	
<p>变量的数值为：</p>	
<p id="result" ></p>	
<script> 	
// 将boolvalue初始化为true	
var boolvalue = true	
document.getElementById("h").innerHTML="变量boolvalue的值为："+boolvalue;	
function myFunction(){ 	
var i = + boolvalue; 	
document.getElementById("result").innerHTML = i; 	}	
</script>	
</center>	
</body>	</html>	本段代码来自 https://www.jiangweishan.com/article/jsfuba20190921.html

3、使用按位和（＆）或按位或（|）运算符

语法：

var i = boolvalue & 1; // 按位和（＆）	
var j = boolvalue | 0; // 按位或（|）

实例：

<!DOCTYPE html>	
<html>	
<head>	
<meta charset="UTF-8">	
</head>	
<body>	
<center>	
<h2 id="h" ></h2>	
<h2 id="h2" ></h2>	
<h4>单击按钮，将布尔值更改为数字</h4>	
<button onclick="myFunction()">转换</button>	
<p>boolvalue的值现在为：</p>	
<p id="result"></p>	
<p>boolvalue2的值现在为：</p>	
<p id="result2"></p>	
<script> 	
// 将boolvalue初始化为true	
var boolvalue = true; 	
// 将boolvalue2初始化为false	
var boolvalue2 = false; 	
document.getElementById("h").innerHTML="变量boolvalue的值为："+boolvalue;	
document.getElementById("h2").innerHTML="变量boolvalue2的值为："+boolvalue2;	
function myFunction(){ 	
var i = boolvalue & 1;	
var j = boolvalue2 | 0;	
document.getElementById("result").innerHTML = i;	
document.getElementById("result2").innerHTML = j;	}	
</script>	
</center>	
</body>	
</html>

4、使用Number()函数

Number()函数将数据类型转换为数字，语法：

var i = Number(boolvalue);

实例：

<!DOCTYPE html>	
<html>	
<head>	
<meta charset="UTF-8">	
</head>	
<body>	
<center>	
<h2 id="h" ></h2>	
<h4>单击按钮，将布尔值更改为数字</h4>	
<button onclick="myFunction()">转换</button>	
<p >变量boolvalue的数值现在为：</p>	
<p id="result" ></p>	
<script> 	
// 将boolvalue初始化为false	
var boolvalue = false	
document.getElementById("h").innerHTML="变量boolvalue的值为："+boolvalue;	
function myFunction(){ 	
var i = + boolvalue; 	
document.getElementById("result").innerHTML = i; 	}	
</script>	
</center>	
</body>	</html>