JavaScript判斷是否為數字的方法

這篇文章主要講解了“JavaScript判斷是否為數字的方法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JavaScript判斷是否為數字的方法”吧！

JavaScript判斷是否為數字的方法：1、使用【isNaN()】函數；2、使用正則表達式；3、利用【parseFloat()】的返回值。

本教程操作環境：windows7系統、javascript1.8.5版，DELL G3電腦。

JavaScript判斷是否為數字的方法：

方法1：使用isNaN()函數

isNaN()函數是js自帶的全局函數，isNaN() 函數用于檢查其參數是否是非數字值。

如果 值x 是特殊的非數字值 NaN（或者能被轉換為這樣的值），返回的值就是 true；如果 值x 是其他值，則返回 false。

isNaN()的缺點就在于 null、空格以及空串會被按照0來處理

NaN: Not a Number

<script>
document.write(isNaN(123));  //數字      ----false
document.write(isNaN(-1.23));  //數字    ----false
document.write(isNaN(5-2));  //數字      ----false
document.write(isNaN(0));  //數字        ----false
document.write(isNaN("Hello"));  //字符串 ----true
document.write(isNaN("2005/12/12"));  //字符串----true
</script>

缺點：isNaN()會將 null、空格以及空串按照0來處理，所以檢查不嚴謹。

所以用加工一下，和typeof運算符一起使用。

示例：

// true:數值型的，false：非數值型
function myIsNaN(value) {
   return (typeof value === 'number' && !isNaN(value));
}
myIsNaN(10);      ----true
myIsNaN(null);    ----false
myIsNaN( );      ----false
myIsNaN();       ----false

注意:如果是 ‘36.3’，typeof value === ‘number’，會返回false，如果想字符串類型的數字也返回true，可以用下面的方法3

方法2：使用正則表達式

(1)、校驗只要是數字（包含正負整數，0以及正負浮點數）就返回true

/**
* 校驗只要是數字（包含正負整數，0以及正負浮點數）就返回true
**/
function isNumber(val){
    var regPos = /^[0-9]+.?[0-9]*/; //判斷是否是數字。
  
    if(regPos.test(val) ){
        return true;
    }else{
        return false;
    }
}

(2)、校驗正負正數就返回true

/**
* 校驗正負正數就返回true
**/
function isIntNum(val){
    var regPos = / ^\d+$/; // 非負整數 
    var regNeg = /^\-[1-9][0-9]*$/; // 負整數
    if(regPos.test(val) && regNeg.test(val)){
        return true;
    }else{
        return false;
    } 
}

方法3：利用parseFloat()的返回值

parseFloat() 函數可解析一個字符串，并返回一個浮點數。

該函數指定字符串中的首個字符是否是數字。如果是，則對字符串進行解析，直到到達數字的末端為止，然后以數字返回該數字，而不是作為字符串。

用法：將參數中指定的字符串解析成為一個浮點數字并返回。

/**
* 驗證數據 是數字：返回true；不是數字：返回false
**/
function Number(val) {
　　if (parseFloat(val).toString() == "NaN") {
　　　　
　　　　return false;
　　} else {
　　　　return true;
　　}
}

isNaN(val)不能判斷空串或一個空格

如果是一個空串、空格或null，而isNaN是做為數字0進行處理的，

而parseInt與parseFloat是返回一個錯誤消息，這個isNaN檢查不嚴密而導致的。

感謝各位的閱讀，以上就是“JavaScript判斷是否為數字的方法”的內容了，經過本文的學習后，相信大家對JavaScript判斷是否為數字的方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！