码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript判断数据类型总结

时间:2017-09-08 01:23:22      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:cto   com   ons   array   define   直接   cti   ber   介绍   

  最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断,在此做一个总结吧!

一、JS中的数据类型

   1.数值型(Number):包括整数、浮点数。

   2.布尔型(Boolean)

   3.字符串型(String)

   4.对象(Object)

   5.数组(Array)

   6.空值(Null)

   7.未定义(Undefined)

二、判断一个变量的数据类型

1、数值型(number)

  比较常用的判断方法是:

function isNumber(val){
     return typeof val === number;
}
var a;
isNumber(parseInt(a));

  但有些情况就不行,比如上面判断a,就是true,这显然是不对的:

技术分享

  实际上变量a是NaN,它是不能用于数值运算的。所以上面的函数可以修改为:

function isNumber(val){
    return typeof val === number && isFinite(val);
}

  修改之后就正确了,顺便介绍一下JavaScript isFinite() 函数,isFinite() 函数用于检查其参数是否是无穷大,如果 number 是有限数字(或可转换为有限数字),那么返回 true。否则,如果 number 是 NaN(非数字),或者是正、负无穷大的数,则返回 false

2、布尔型(boolean)

  布尔类型的判断比较简单,可以用如下的方法进行判断:

//判断变量val是不是布尔类型
function isBooleanType(val) {
    return typeof val ==="boolean";
}

3、字符串(String)

  字符串类型的判断比较简单,可以用如下的方法进行判断:

//判断变量val是不是字符串类型
function isStringType(val) {
    return typeof val ==="string";
}

4、未定义(Undefined)

  未定义的判断比较简单,可以用如下的方法进行判断:

//判断变量val是不是undefined
function isUndefined(val) {
    return typeof val ==="undefined";
}

5、对象(Object)

  由于当变量是空值Null时,typeof也会返回object,所以Object不能直接用 typeof 判断。应该这样:

//判断变量是不是Object类型
function isObj(str){
    if(str === null || typeof str === undefined){
        return false;
    }
        return typeof str === object;
}

6、空值(Null)

  判断空值用 val === null 即可

//判断变量是不是Null
function isNull(val){
    return  val === null;
}

7、数组(Array)

  数组类型不可用typeof来判断。因为当变量是数组类型时,typeof会返回object。

  这里有两种方法判断数组类型:

/*判断变量arr是不是数组
方法一
*/
function isArray1(arr) {
    return Object.prototype.toString.apply(arr) === [object Array];
}

/*判断变量arr是不是数组
方法二
*/
function isArray2(arr) {
    if(arr === null || typeof arr === undefined){
        return false;
    }
    return arr.constructor === Array;
}

 

JavaScript判断数据类型总结

标签:cto   com   ons   array   define   直接   cti   ber   介绍   

原文地址:http://www.cnblogs.com/goloving/p/7492590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!