javascript主要有以下三种数据类型转换方式:
转换函数:parseInt()和parseFloat()分别将值转换成整数和浮点数。
强制类型转换:Boolean(value)、Number(value)、String(value)将给定的值分别转换成逻辑值、数字(整数或浮点数)及字符串。
弱类型自动转换:字符串与数字进行数学操作符运算时,字符串会自动转为数字。
实例演示:将文本框的值转化成数值型
var a = document.getElementById("num1").valuevar b = document.getElementById("num2").value
var c1 = parseFloat(a) + parseFloat(b) // 函数转换
var c2 = Number(a) + Number(b) // 强制类型转换
var c3 = a*1 + b*1 // a*1将自动转化为数字类型
<!DOCTYPE html><html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input id="test" type="text" />
<script type="text/javascript">
var input = document.querySelector('#test')
input.addEventListener('change',function (e) {
var val = e.target.value
if(!isNaN(val)) {
e.target.value = '0x' + Number(val).toString(16)
}
},false)
</script>
</body>
</html>