• JavaScript判断数据类型总结


      最近做项目中遇到了一些关于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;
    }
  • 相关阅读:
    (HDU)1393 -- Weird Clock (奇怪的时钟)
    (HDU)1391 -- Number Steps (数字阶梯)
    (HDU)1390 -- Binary Numbers(二进制数)
    (HDU)1339 -- A Simple Task(简单任务)
    (HDU)1335 -- Basically Speaking(基础和交流)
    论文笔记:Fully-Convolutional Siamese Networks for Object Tracking
    论文笔记:Visual Object Tracking based on Adaptive Siamese and Motion Estimation Network
    论文笔记:Attentional Correlation Filter Network for Adaptive Visual Tracking
    论文笔记:Deep Attentive Tracking via Reciprocative Learning
    Learning Spatial-Temporal Regularized Correlation Filters for Visual Tracking---随笔
  • 原文地址:https://www.cnblogs.com/goloving/p/7492590.html
Copyright © 2020-2023  润新知