• JavaScript中判断整字类型最简洁的实现方法


    这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短、最简洁的实现方法,需要的朋友可以参考下

    我们知道JavaScript提供了typeof运算符,因此最容易想到的是用typeof来判断是否是number类型。

    复制代码代码如下:
    function isNumber(obj) {
        return typeof obj === 'number'
    }
    

      

    这个函数对于整数和浮点数都没有问题,但对于NaN值也返回true这让人感到不爽,毕竟用isNumber判断通过后谁也不会用NaN去做算术运算。

    那改进一下,用Object.prototype.toString试试。

    复制代码代码如下:

    function isNumber(obj) {
        return Object.prototype.toString.call(obj) === '[object Number]'
    }

    和typeof判断一样,对于NaN也返回true,代码量还大了,这不是想要的结果。toString.call方式判断js数组(Array)可行,数字则力不从心了。

    再改进下,NaN值用isNaN函数来对付。

    复制代码代码如下:

    function isNumber(obj) {
        return typeof obj === 'number' && !isNaN(obj)
    }
    

      

    这次,如果传入的是非数字(NaN或者可转成NaN的值)就返回false了

    复制代码代码如下:

    function isNumber(obj) {
        return typeof obj === 'number' && !isNaN(obj)
    }
    isNumber(1)   // true
    isNumber(1.2) // true
    isNumber(NaN) // false
    isNumber( parseInt('a') ) // false
    

      

    嗯,这个isNumber不错了,但还有一个等价的,用isFinite来判断

    复制代码代码如下:

    function isNumber(obj) {
        return typeof obj === 'number' && isFinite(obj)    
    }
    

      

    到现在,最短代码的数字判断是此文提到的第三个使用isNaN函数的。下面隆重推出世界上最短的数字判断网页代码

    复制代码代码如下:

    function isNumber(obj) {
        return obj === +obj
    }
    

      

    对于整数,浮点数返回true,对于NaN或可转成NaN的值返回false。

    没看懂是吗? 咕~~(╯﹏╰)

    园友说这还不是世界上最短判断数字代码,参数obj可以改成一个字符的。(⊙o⊙)你是对的。

    举一反三,类似的利用JS动态语言特性(运算符运算时内部自动类型转换)最短的判断还有。

    复制代码代码如下:

    // 判断字符串
    function isString(obj) {
        return obj === obj+''
    }
    // 判断布尔类型
    function isBoolean(obj) {
        return obj === !!obj
    }
    

      

  • 相关阅读:
    Python学习第90天(链表实现、jQuery事件绑定)
    Css查漏补缺06-css布局
    Css查漏补缺05-overflow
    Css查漏补缺03-导航栏小例子
    Css查漏补缺03-盒模型小实例
    Css查漏补缺02-盒模型
    Css查漏补缺01—css样式
    Html查漏补缺05-页面布局
    Html查漏补缺04-表单
    Html查漏补缺03-表格
  • 原文地址:https://www.cnblogs.com/good10000/p/6020761.html
Copyright © 2020-2023  润新知