Maison > interface Web > js tutoriel > le corps du texte

Comment déterminer si une valeur est un nombre en js

coldplay.xixi
Libérer: 2023-01-03 09:23:50
original
8658 Les gens l'ont consulté

Méthode JS pour déterminer si une valeur est un nombre : 1. Utilisez la fonction [isNaN()], le code est [return typeof value === 'number' && !isNaN(value)] ; . Utilisez des expressions régulières ;3. Utilisez la fonction [parseFloat()].

Comment déterminer si une valeur est un nombre en js

L'environnement d'exploitation de ce tutoriel : Système Windows 7, JavaScript version 1.8.5, ordinateur DELL G3 Cette méthode convient à toutes les marques d'ordinateurs.

Méthode JS pour déterminer si une valeur est un nombre :

1. Inconvénients de l'utilisation de la fonction isNaN()

isNaN() La raison est que les valeurs nulles, les espaces et les chaînes vides seront traitées comme 0

NaN : Pas un nombre

/**
*判断是否是数字
*
**/
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; 
  } 
}
Copier après la connexion

isNaN() La façon la plus correcte de déterminer si une valeur est un number est :

// true:数值型的,false:非数值型
  function myIsNaN(value) {
    return typeof value === 'number' && !isNaN(value);
  }
Copier après la connexion

Explication détaillée de isNaN()

Pour les tableaux vides et les tableaux avec un seul membre numérique, isNaN renvoie false.

  • isNaN([]) // faux

  • isNaN([123]) // faux

  • isNaN(['123']) // false

La raison pour laquelle le code ci-dessus renvoie false est que ces tableaux peuvent être convertis en valeurs numériques par la fonction Number .

Par conséquent, avant d'utiliser isNaN, il est préférable de déterminer le type de données.

function myIsNaN(value) {
  return typeof value === 'number' && !isNaN(value);
}
Copier après la connexion

2. Utilisez des expressions régulières  

(1) Tant que le chèque est un nombre (y compris des entiers positifs et négatifs, 0 et des virgules flottantes positives et négatives). nombres), il renverra 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;
    }
}
Copier après la connexion

(2) Si les nombres positifs et négatifs sont vérifiés, true sera renvoyé

/**
* 校验正负正数就返回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;
    } 
}
Copier après la connexion

3. Utilisez la fonction parseFloat()

/**
* 验证数据 是数字:返回true;不是数字:返回false
**/
function Number(val) {
  if (parseFloat(val).toString() == "NaN") {
    
    return false;
  } else {
    return true;
  }
}
//isNaN(val)不能判断空串或一个空格
//如果是一个空串、空格或null,而isNaN是做为数字0进行处理的,而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。
Copier après la connexion
. 🎜>
rrreee

Recommandations d'apprentissage gratuites associées : tutoriel vidéo javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!