本文主要是介绍介绍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>
这篇关于介绍4种用JavaScript将布尔值转换为整数数字的方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!