首頁 > web前端 > js教程 > 主體

js 判斷值是否為數字

藏色散人
發布: 2023-01-03 09:26:21
原創
39599 人瀏覽過

js判斷值是否為數字的方法:1、使用isNaN()函數判斷值是否為數字;2、使用正規表示式判斷值是否為數字;3、使用parseFloat()函數判斷值是否為數字。

js 判斷值是否為數字

本文操作環境:windows7系統,DELL G3電腦

JS判斷值是否為數字

1.使用isNaN()函數

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

NaN: Not a Number

/**
*判断是否是数字
*
**/

function isRealNum(val){
    // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除,    
  if(val === "" || val ==null){
        return false;
  }
   if(!isNaN(val)){    
  //对于空数组和只有一个数值成员的数组或全是数字组成的字符串,isNaN返回false,例如:'123'、[]、[2]、['123'],isNaN返回false,   //所以如果不需要val包含这些特殊情况,则这个判断改写为if(!isNaN(val) && typeof val === 'number' )
    return true;   } else{     return false;   } }
登入後複製

isNaN()函數來判斷一個值是數字的最正確的方法是:

// true:数值型的,false:非数值型
  function myIsNaN(value) {    return typeof value === 'number' && !isNaN(value);
  }
登入後複製

isNaN()詳解【推薦:js基礎教學

參考連結:https://wangdoc.com/javascript/types/number.html#isnan

對於空數組和只有一個數值成員的數組,isNaN傳回false

isNaN([]) // false
isNaN([123]) // false
isNaN(['123']) // false
登入後複製

上面程式碼之所以回傳false,原因是這些陣列能被Number函數轉成數值,請參考《資料型別轉換》一章。

因此,使用isNaN之前,最好先判斷資料類型。

function myIsNaN(value) {  return typeof value === 'number' && !isNaN(value);
}
登入後複製

2.使用正規表示式

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

/**
* 校验只要是数字(包含正负整数,0以及正负浮点数)就返回true
**/function isNumber(val){    
var regPos = /^\d+(\.\d+)?$/; //非负浮点数
    var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; 
    //负浮点数
    if(regPos.test(val) && regNeg.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(val).toString() == "NaN"
登入後複製

以上是js 判斷值是否為數字的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!