JavaScript中的特殊数据类型详解：NaN、undefined与null

JavaScript数据类型概述

JavaScript定义了六种基本数据类型，分别为string、number、boolean、undefined、null和object。

NaN：非数字的特殊状态

一、JS中的特殊类型：NaN

NaN全称Not a Number，意为“非数字”。在JavaScript中，整数和浮点数均属于number类型，而NaN是number类型中一个特殊的值，用于表示某种状态而非具体数值。因此，NaN不等于其自身。

NaN值通常出现在以下情况：

主要包含两种情形：

(1) 当表达式中包含减号(-)、乘号(*)或除号(/)等运算符时，JavaScript引擎会尝试在计算前将运算符两侧的变量转换为number类型（调用Number(x)进行转换）。若转换失败，表达式返回NaN。对于加号(+)，其行为不同：JS按运算符优先级从左到右执行表达式。若加号两侧均为number类型，则执行数字相加；若其中一侧为字符串，则执行字符串拼接，例如：5+4+"6"的结果为"96"。

(2) 直接调用parseInt、parseFloat或Number函数尝试将非数字值转换为数字时，表达式返回NaN。

"abc" - 3  // NaN
parseInt( "abc" ) // NaN
parseFloat( "abc" ) //NaN
Number( "abc" )  //NaN

对于包含数字和字符的字符串，不同转换函数的结果存在差异：

Number( "123abc" ); //NaN
parseInt( "123abc" ); //123
parseInt( "123abc45" ); //123
parseFloat( "123.45abc" ); //123.45

这是因为Number函数尝试转换整个字符串，而parseInt和parseFloat仅转换第一个无效字符之前的部分。

因此，当字符串无法被Number、parseInt或parseFloat成功转换时，返回NaN。这表示该字符串无法被识别为数字类型，是一种异常状态，而非确切值。

正因NaN代表异常状态而非确切值，所以NaN不等于NaN。

此外，与NaN相关的还有一个函数isNaN()，其功能是检查一个字符串是否能被Number()成功转换，即强制转换整个字符串。

isNaN( "123" )  //false 能转换
isNaN( "abc" )  //true 不能转换
isNaN( "123abc" )  //true 部分可转换，但整体不能转换
isNaN( "123.45abc" ) //true 部分可转换，但整体不能转换

undefined与null：未定义与空值

二、JS中还有另外两个特殊类型：undefined和null

undefined是JavaScript六种数据类型之一，该类型仅有一个值：undefined。它表示“未定义”，即使用var声明变量但未赋值时，该变量的值为undefined。其产生原因主要有两种：

（1）访问对象不存在的属性或方法。

（2）声明了变量但从未赋值。

var v1,obj = {};
console.log(v1); //undefined
console.log(obj. get ); //undefined
typeof v1; // "undefined"
typeof v2; // "undefined"
typeof obj. get ; // "undefine"
typeof obj ; // "object"

与NaN不同，undefined虽然代表变量的状态，但该状态值是确定且唯一的。当变量声明但未赋值时，其状态即为undefined，因此以下表达式成立：

var b;
b == undefined; //true

理解undefined后，理解null便容易得多。null类型也仅有一个值：null，表示变量中不包含有效数据。null意为空值或空对象。确切地说，赋值为null的变量不保存有效的数值、字符串、布尔值、数组或对象等内容。可以通过将变量赋值为null来清空其内容。产生null的原因仅有一种：对变量显式赋值为null。

var p = null ;
console.log(p); //null
typeof p ; // "object"
typeof null ; // "object"

与NaN相比，null也是一个确定且唯一的状态值。当变量被赋值为null时，它与null相等，因此以下表达式同样成立：

var obj = null ;
obj == null ; //true

另外：

var  v1 = null;
var v2;
console.log(v1 + 1 ); // 1
console.log(v2 + 1 ); //NaN
var i = i +1;
var j = i+ 1;
console.log(i); // NaN
console.log(j ); //NaN
console.log(i == j ); //false

总结

以上介绍了JavaScript中的特殊数据类型，希望对大家有所帮助。如有任何疑问，欢迎留言，小编会及时回复。感谢大家对本站的支持！