JS中如何判断null、undefined与NaN

本文详细解析了JavaScript中的undefined、null、NaN的区别及比较运算特性,通过实例代码展示了如何进行有效判断。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.判断undefined:

Js代码 复制代码 收藏代码
  1. <span style="font-size: small;">var tmp = undefined; 
  2. if (typeof(tmp) =="undefined"){ 
  3.     alert("undefined"); 
  4. }</span>  

说明:typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"

2.判断null:

Java代码 复制代码 收藏代码
  1. <span style="font-size: small;">var tmp =null
  2. if (!tmp && typeof(tmp)!="undefined" && tmp!=0){ 
  3.     alert("null"); 
  4. } </span> 
<span style="font-size:12px;">var tmp = null;
if (!tmp && typeof(tmp)!="undefined" && tmp!=0){
    alert("null");
} </span>

3.判断NaN:

Js代码 复制代码 收藏代码
  1. <span style="font-size: small;">var tmp = 0/0; 
  2. if(isNaN(tmp)){ 
  3.     alert("NaN"); 
  4. }</span> 

说明:如果把 NaN 与任何值(包括其自身)相比得到的结果均是 false,所以要判断某个值是否是 NaN,不能使用 == 或 === 运算符。

提示:isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果,以判断它们表示的是否是合法的数字。当然也可以用 isNaN() 函数来检测算数错误,比如用 0 作除数的情况。

4.判断undefined和null:

Js代码 复制代码 收藏代码
  1. <span style="font-size: small;">var tmp = undefined; 
  2. if (tmp== undefined) 
  3.     alert("null or undefined"); 
  4. } </span> 

Js代码 复制代码 收藏代码
  1. <span style="font-size: small;">var tmp = undefined; 
  2. if (tmp== null
  3.     alert("null or undefined"); 
  4. }</span>  

说明:null==undefined

<!--EndFragment-->

5.判断undefined、null与NaN:

Java代码 复制代码 收藏代码
  1. <span style="font-size: small;">var tmp =null
  2. if (!tmp) 
  3.     alert("null or undefined or NaN"); 
  4. }</span>  
<span style="font-size:12px;">var tmp = null;
if (!tmp)
{
    alert("null or undefined or NaN");
}</span> 

提示:一般不那么区分就使用这个足够。


1. js中undefined,null,NaN的区别

js中undefined,null,NaN的区别

类型分析:

js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型。
var a1;
var a2 = true;
var a3 = 1;
var a4 = "Hello";
var a5 = new Object();
var a6 = null;
var a7 = NaN;
var a8 = undefined;

alert(typeof a);   //显示"undefined"
alert(typeof a1); //显示"undefined"
alert(typeof a2); //显示"boolean"
alert(typeof a3); //显示"number"
alert(typeof a4); //显示"string"
alert(typeof a5); //显示"object"
alert(typeof a6); //显示"object"
alert(typeof a7); //显示"number"
alert(typeof a8); //显示"undefined"

从上面的代码中可以看出未定义的值和定义未赋值的为undefined,null是一种特殊的object,NaN是一种特殊的number。

2.比较运算

var a1;        //a1的值为undefined
var a2 = null;
var a3 = NaN;

alert(a1 == a2); //显示"true"
alert(a1 != a2); //显示"false"

alert(a1 == a3); //显示"false"
alert(a1 != a3); //显示"true"

alert(a2 == a3); //显示"false"
alert(a2 != a3); //显示"true"

alert(a3 == a3); //显示"false"
alert(a3 != a3); //显示"true"

从上面的代码可以得出结论:(1)undefined与null是相等;(2)NaN与任何值都不相等,与自己也不相等。


3. FORM中ELEMENT的值是''而不是null,申明的变量未赋值的,值为null或者为undefined,不为''

2.其实Null、NaN和undefined都是变量的默认初始值。变量类型不同,系统给与的初始值就不同:
int,uint - 0
Boolean - false
Number - NaN
String,Array,Object - null
未指定变量类型 - undefined

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值