×

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

作者:admin2019.09.21来源:Web前端之家浏览:362评论:0
关键词:js布尔值整数
微信公众号

微信公众号

500.jpg

周末学习学习,充电能量,下面来介绍4种用JavaScript将布尔值转换为整数数字的方法。

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

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

1、使用三元或条件“()? :”运算符。

2、使用一元+运算符。

3、使用按位和(&)或按位或(|)运算符。

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

使用三元或条件“()? :”运算符

语法:

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>

使用一元“+”运算符

语法:

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>

使用按位和(&)或按位或(|)运算符

语法:

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>

使用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>

总结

有问题可以留言或者加群咨询。

温馨提示:本文作者系admin ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/jsfuba20190921.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2019 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero

时时彩平台哪个好