js第四节-数据类型以及类型的转化_使用哪个属性可以对元素的类型进行转换?它的属性值有哪些,分别是什么含义?-优快云博客

本文介绍了JavaScript中的五种基本数据类型及其类型转换方法，包括使用typeof进行类型判断、Number()、parseInt()、parseFloat()和isNaN()等函数的具体应用，并通过一个QQ号验证的例子详细展示了这些方法的实际操作。

js第四节-数据类型以及类型的转化

js中有5种数据类型：Undefined、Null、Boolean、Number和String。

一、数据类型及其类型转化的用法

①typeof 判断是什么类型的。
string: 'nihao','123','';
number: 'abc'-6,Number('abc'),123;
function: function(){};
boolean： true,false;
object: [],document,null;
未定义：'';
②Number()转换规则
"123"-->123
boolean-->0/1
[]-->0/''
null-->0
''-->NaN
函数-->NaN
123-->123
③parseInt()转换规则
'100px'-->100
boolean-->NaN
[]-->NaN
null-->NaN
''-->NaN
函数-->NaN
123-->123
④parseFloat()转化规则同三，但能转换小数点数。
⑤isNaN()这个是用来判定是不是数字，而不是特制整个数字类型，这个一定要注意。
⑥判断自身是不是数字还可以用（自身 === 自身）

二、数据类型及类型的转化用法

1.QQ号码的判定

图1.qq号码的判定

HTML代码：

<body>

请输入QQ号码：<input type="text" />
<input type="button" value="判断" />


<br />
1、有没有输入<br />
2、输入的是不是数字<br />
3、不能有0在前面<br />
4、不能是小数<br />
5、输入的数字必须在5位以上、10位以内<br />

</body>

JS代码：

<script>
window.onload = function(){
	var aInput = document.getElementsByTagName('input');
	var str = '';
	aInput[1].onclick = function(){
	var str1 = '';
		str = aInput[0].value;
		//判断是否为空
		if(str == ''){
		  alert('请输入内容！');
		}else{
		//判断是否为数字
		  if(isNaN(str)){
		   alert('请输入数字！');
		  }else{
		 //判断是否前面不能有0,将转化的数字变为字符串进行对比。注意:str1在点击之后一定要清空，不然字符串会累加。
	       str1 += parseFloat(str);
		   if(str.length != str1.length){
		   alert('不能有0在前面！');
		   }else{
		   //判断努能是小数
		   if(parseInt(str) != parseFloat(str)){
		   alert('不能是小数');
		   }else{
		   //判断数字是否为5和10以内
		   if(str.length >= 5 && str.length <= 10){
		   alert('恭喜你，你的口口号是可以用的！');
		   }else{
		   alert('输入的数字必须在5位以上、10位以内');
		   }
		   }
		   }
		  }
		}
	};
};
</script>

案例分析：

是不是有没有输入：（输入的==''）
是不是数字：（isNaN(输入的)）
是不是前面有0：(输入的转化成一个字符串.length == 输入的字符串.length)
是不是有小数：（parseFloat(输入的数) == parseInt(输入的数)）
是不是满足口口号在>5 && <10 (输入的数.length >5 && 输入的数.length < 10)

好了数据类型及数据类型的转化就讲到这里，下一节陈明吕老师讲讲函数的传递，希望大家继续保持学习的劲头，加油！