> 웹 프론트엔드 > JS 튜토리얼 > Pure JavaScript에 jQuery의 isNumeric()에 대한 대안이 있습니까?

Pure JavaScript에 jQuery의 isNumeric()에 대한 대안이 있습니까?

Patricia Arquette
풀어 주다: 2024-10-19 16:57:30
원래의
255명이 탐색했습니다.

Is There an Alternative to jQuery's isNumeric() in Pure JavaScript?

순수 JavaScript에서 숫자 값 결정: jQuery의 isNumeric()에 대한 대안

jQuery 라이브러리는 값이 나타내는지 여부를 확인하기 위해 isNumeric()이라는 편리한 함수를 제공합니다. 숫자. 그러나 jQuery를 사용할 수 없는 상황에서는 순수 JavaScript에 대안이 있는지 아는 것이 중요합니다.

숫자 테스트의 과제

JavaScript에서 값의 유형을 결정하는 것은 중요하지 않습니다. 항상 간단합니다. typeof 연산자를 사용하면 값이 숫자인지 확인하는 것은 단순히 해당 typeof가 "숫자"인지 확인하는 것만으로 달성할 수 있다고 직관적으로 가정할 수 있습니다. 그러나 이 접근 방식에는 한계가 있습니다.

자신만의 isNumeric() 함수 만들기

JavaScript에는 내장 isNumeric() 함수가 없기 때문에 사용자 정의 구현이 필요합니다.

구현:

<code class="javascript">function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}</code>
로그인 후 복사

설명:

  • parseFloat(): 입력을 다음으로 변환하려고 시도합니다. 부동 소수점 숫자. 성공하면 숫자 값을 반환하고, 그렇지 않으면 NaN(숫자 아님)을 반환합니다.
  • isNaN(): ParseFloat()의 결과가 NaN인지 확인하여 입력이 있음을 나타냅니다. 숫자가 아닙니다.
  • isFinite(): 입력이 유한수(Infinity 또는 -Infinity가 아님)인지 확인합니다.

사용법:

<code class="javascript">const value = 10;
console.log(isNumeric(value)); // true</code>
로그인 후 복사

중요 사항

parseInt()를 숫자 검증에 사용해서는 안 된다는 점을 강조할 가치가 있습니다. parseInt()는 기수(일반적으로 10)를 기준으로 문자열을 정수로 변환합니다. 이는 정수가 아닌 입력에 대해 잘못된 결과를 생성할 수 있습니다.

위 내용은 Pure JavaScript에 jQuery의 isNumeric()에 대한 대안이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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