JS中判断一个元素为undefined，null，字符串数字

JS中判断一个元素为undefined

// 方式1

typeof  age === 'undefined' ;

 

// 方式2

age === undefined

typeof 返回的是字符串，有六种可能：number、string、boolean、object、function、undefined。

这两种写法有什么区别吗? 应该使用哪一种呢？看看下面的例子

1	typeof  age === 'undefined' ; // true

标识符 age 没有声明过，输出true。

再看另一个例子

1	age === undefined; // 报错

Firebug提示age is not defined，

 

这就是两者的区别， 即不确定age是否声明或定义时用方式1，确定的则可以用方式2。使用方式1如果变量没有声明，代码也不会报错，但方式2会报错。看似方式1容错性更好，实际会是潜伏了的Bug。变量先声明再使用永远是个好习惯。

此外，方式1是两次运算，方式2是一次。 

以下是不正确的方法：

var  exp = undefined;
if ( exp == undefined)
{
     alert( "undefined");
}

exp 为 null 时，也会得到与 undefined 相同的结果，虽然 null 和 undefined 不一样。注意：要同时判断 undefined 和 null 时可使用本法。

var  exp = undefined;
if ( typeof  exp == undefined)
{
     alert( "undefined");
}

typeof 返回的是字符串，有六种可能：number、string、boolean、object、function、undefined。

---

以下是正确的方法：

var  exp = undefined;
if ( typeof  exp ==  "undefined")
{
     alert( "undefined");
}

以下是更简单的正确的方法（若变量既没有 var，也没有赋值，则以下会出错，但此时要检讨的是程序员，而不是 JavaScript）：

var  exp = undefined;
if ( exp === undefined)
{
     alert( "undefined");
}

JS中判断一个元素为null

以下是不正确的方法：

var  exp =  null;
if ( exp ==  null)
{
     alert( "is null");
}

exp 为 undefined 时，也会得到与 null 相同的结果，虽然 null 和 undefined 不一样。注意：要同时判断 null 和 undefined 时可使用本法。

var  exp =  null;
if (! exp)
{
     alert( "is null");
}

如果 exp 为 undefined，或数字零，或 false，也会得到与 null 相同的结果，虽然 null 和二者不一样。注意：要同时判断 null、undefined、数字零、false 时可使用本法。

var  exp =  null;
if ( typeof  exp ==  "null")
{
     alert( "is null");
}

为了向下兼容，exp 为 null 时，typeof null 总返回 object，所以不能这样判断。

var  exp =  null;
if (isNull( exp))
{
     alert( "is null");
}

VBScript 中有 IsNull 这个函数，但 JavaScript 中没有。

---

以下是正确的方法：

var  exp =  null;
if (! exp &&  typeof  exp !=  "undefined" &&  exp != 0)
{
     alert( "is null");
}

• typeof exp != "undefined" 排除了 undefined；
• exp != 0 排除了数字零和 false。

更简单的正确的方法：

var  exp =  null;
if ( exp ===  null)
{
     alert( "is null");
}

---

尽管如此，我们在 DOM 应用中，一般只需要用 (!exp) 来判断就可以了，因为 DOM 应用中，可能返回 null，可能返回 undefined，如果具体判断 null 还是 undefined 会使程序过于复杂。

JS中判断字符串类型的数字

"23" 这样的字符串是可以转换成数字类型的，但如何判断它可以转换呢？

以下是不正确的用法：

 

var str = "37";
if (typeof(str) == "number")
{
    alert("是数字");
}

37 虽然可以转化成数字，但这里它毕竟是字符串类型，所以此法不正确。

 

var str = "37";
var n = parseInt(str);
if (!isNaN(n))
{
    alert("是数字");
}

parseInt 会将字符串转化成整数，但它会忽略非数字部分而不给任何提示，比如："37ABC" 会转化成 37，所以此法不正确。

 

---

以下是正确的用法：

 

var str = "37";
var n = Number(str);
if (!isNaN(n))
{
    alert("是数字");
}

---

注意：在 JavaScript 中，对于省略写法（如：".3"、"-.3"）、科学计数法（如："3e7"、"3e-7"）、十六进制数（如："0xFF"、"0x3e7"）均被认定为数字格式，这类字符串都可以用 Number 转化成数字。

isNaN 返回一个 Boolean 值，指明提供的值是否是 NaN ，NaN 的意思是 not a number（不是一个数字）。

语法：isNaN(numValue)