本文主要是介绍js中数据转换中的NaN属性,isNaN()的用法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
js中数据转换中的NaN属性,isNaN()的用法
一、NaN属性
1、NaN:NaN:not a number 不是一个数字 但是数字类型
var a = Number('abc');
alert(a); //NaN
alert(typeof a); //number
alert(a); //NaN
alert(typeof a); //number
2、NaN的一些特性:
1)当返回的值出现NaN时,则意味着你的代码进行了非法的运算操作
alert('200px' - 100); //NaN
2)NaN 的值是假的 返回的布尔值是false
if( a ){
alert("真");
}else{
alert("假");
} //返回的值是false
3) NaN 自己的值与自身是不相等的
alert(a === a); //false
alert('200px' - 100); //NaN
2)NaN 的值是假的 返回的布尔值是false
if( a ){
alert("真");
}else{
alert("假");
} //返回的值是false
3) NaN 自己的值与自身是不相等的
alert(a === a); //false
二、isNaN()
1、isNaN:isNaN: is not a number 是不是一个数字
2、isNaN();用于判断()的东西是不是一个数字,如果是数字,返回的值为false,如 果不是数字,返回的值是true。
3、isNaN();在使用时,()内部的东西先要经过Number();进行转换,转换的值为数 字,则返回false,转换的值为NaN,则返回true
代码如下:
alert(isNaN(2)); //false
alert(isNaN('haha')); //true
alert(isNaN(true)); //false,()内部的true经过Number()转化为数字0
alert(isNaN('haha')); //true
alert(isNaN(true)); //false,()内部的true经过Number()转化为数字0
4、isNaN() 的运用实例:判断输入的值是否是数字
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>isNaN的实例</title>
<style>
</style>
<script>
window.onload = function(){
var aInp = document.getElementsByTagName('input');
var str = '';
aInp[1].onclick = function(){
str = aInp[0].value;
//在HTML中拿到的内容,如value值,type值,类型都是字符串
//alert(typeof str);
if( isNaN(str) ){
alert( str + '不是数字');
}else{
alert( str + '是数字');
}
}
}
</script>
</head>
<body>
<input type="text" />
<input type="button" value="判断输入的值是否是数字" />
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>isNaN的实例</title>
<style>
</style>
<script>
window.onload = function(){
var aInp = document.getElementsByTagName('input');
var str = '';
aInp[1].onclick = function(){
str = aInp[0].value;
//在HTML中拿到的内容,如value值,type值,类型都是字符串
//alert(typeof str);
if( isNaN(str) ){
alert( str + '不是数字');
}else{
alert( str + '是数字');
}
}
}
</script>
</head>
<body>
<input type="text" />
<input type="button" value="判断输入的值是否是数字" />
</body>
</html>
注意:在此文章中,红色标记为重点部分,红色越深越重点,蓝色标记为易错部分,应 多加注意,黄色部分为运用实例部分。
这篇关于js中数据转换中的NaN属性,isNaN()的用法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!