51工具盒子
在JavaScript中，谈到布尔值跟0和1之间的关系，相信大家不会陌生，那么想要将存储布尔值的变量转换为整数"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" style="color:green"></h2>
<h4>单击按钮，将布尔值更改为数字</h4>
<button onclick="myFunction()">转换</button>
<p>变量的数值为：</p>
<p id="result" style="color:green"></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>
4、使用一元"+"运算符
语法：
var i = + boolvalue;
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<center>
<h2 id="h" style="color:green"></h2>
<h4>单击按钮，将布尔值更改为数字</h4>
<button onclick="myFunction()">转换</button>
<p>变量的数值为：</p>
<p id="result" style="color:green"></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>
3、使用按位和（＆）或按位或（|）运算符
语法：
var i = boolvalue & 1; // 按位和（＆）
var j = boolvalue | 0; // 按位或（|）
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<center>
<h2 id="h" style="color:green"></h2>
<h2 id="h2" style="color:green"></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" style="color:red"></h2>
<h4>单击按钮，将布尔值更改为数字</h4>
<button onclick="myFunction()">转换</button>
<p style="color:red">变量boolvalue的数值现在为：</p>
<p id="result" style="color:red"></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>
总结
每天一小步，成功一大步！
