JavaScriptで数値型かどうかを確認する方法

藏色散人
リリース: 2021-10-19 14:22:31
オリジナル
4146 人が閲覧しました

数値型かどうかを確認する Javascript メソッド: 1. isNaN() 関数を使用して値が数値であるかどうかを判断します。2. 正規表現を使用して判断します。3. parseFloat() 関数を使用します。判断すること。

JavaScriptで数値型かどうかを確認する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

javascript 数値型かどうかを確認しますか? JS は、値が数値かどうかを判断します

1。isNaN() 関数を使用します

isNaN() の欠点は、null、スペース、空の文字列が 0 として扱われることです。

NaN: 数値ではありません

/**
*判断是否是数字
*
**/
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()の詳しい説明

参考リンク:https://wangdoc.com/javascript/types/number.html#isnan

空の配列と 1 つの値のみのメンバーの配列の場合、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( )Function を使用する

/**
* 验证数据 是数字:返回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で数値型かどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート