>  기사  >  웹 프론트엔드  >  js에서 값이 숫자인지 확인하는 방법

js에서 값이 숫자인지 확인하는 방법

coldplay.xixi
coldplay.xixi원래의
2021-02-19 10:43:148678검색

값이 숫자인지 확인하는 JS 방법: 1. [isNaN()] 함수를 사용합니다. 코드는 [return typeof value === 'number' && !isNaN(value)]입니다. 2. 정규 표현식을 사용합니다. 3. [parseFloat()] 함수를 사용하세요.

js에서 값이 숫자인지 확인하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, javascript 버전 1.8.5, 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() 자세한 설명

빈 배열과 숫자 멤버가 하나만 있는 배열의 경우, 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() 함수를 사용하세요

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

관련 무료 학습 권장사항: javascript 비디오 튜토리얼

위 내용은 js에서 값이 숫자인지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.