js中数据转换中的NaN属性，isNaN()的用法

最新推荐文章于 2023-06-13 10:01:38 发布

Strive_18

最新推荐文章于 2023-06-13 10:01:38 发布

阅读量2.3k

点赞数

分类专栏： Javascript知识

本文链接：https://blog.csdn.net/TC_16_zl/article/details/73501745

版权

Javascript知识专栏收录该内容

12 篇文章 0 订阅

订阅专栏

js中数据转换中的NaN属性，isNaN()的用法

一、NaN属性

1、NaN：NaN:not a number 不是一个数字但是数字类型

var a = Number('abc');
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

二、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

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>

注意：在此文章中，红色标记为重点部分，红色越深越重点，蓝色标记为易错部分，应多加注意，黄色部分为运用实例部分。

Strive_18

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js中数据转换中的NaN属性，isNaN()的用法

js中数据转换中的NaN属性，isNaN()的用法一、NaN属性 1、NaN：NaN:not a number 不是一个数字但是数字类型 var a = Number('abc'); alert(a); //NaN alert(typeof a); //number 2、NaN
复制链接

扫一扫