> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 숫자형인지 확인하는 방법

자바스크립트에서 숫자형인지 확인하는 방법

藏色散人
풀어 주다: 2021-10-19 14:22:31
원래의
4150명이 탐색했습니다.

JavaScript에서 숫자 유형인지 확인하는 방법: 1. isNaN() 함수를 사용하여 값이 숫자인지 확인합니다. 2. 정규식을 사용하여 숫자인지 확인합니다. 값은 숫자입니다.

자바스크립트에서 숫자형인지 확인하는 방법

이 문서의 운영 환경: Windows 7 시스템, 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

빈 배열과 숫자 멤버가 하나만 있는 배열의 경우 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), Check 양수와 음수를 확인하면 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 기본 튜토리얼"

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿