JavaScript 에서 숫자 유효성 검사

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 주어진 값이 숫자인지 확인하는 JavaScript 함수를 살펴봅니다. parseFloat() 메서드를 사용하여 값을 숫자로 변환한 다음, Number.isNaN()Number.isFinite()를 사용하여 유효성을 검사합니다. 또한, 값의 숫자 여부를 확인하기 위해 강제 변환 (coercion) 을 사용합니다. 이 랩을 마치면 JavaScript 에서 숫자의 유효성을 검사하는 방법에 대한 이해도가 높아질 것입니다.

숫자 유효성 검사 함수

주어진 입력이 숫자인지 유효성을 검사하려면 다음 단계를 따르세요.

  • 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
  • parseFloat()를 사용하여 입력을 숫자로 변환해 봅니다.
  • Number.isNaN()과 논리 부정 연산자 (!) 를 사용하여 입력이 숫자인지 확인합니다.
  • Number.isFinite()를 사용하여 입력이 유한한지 확인합니다.
  • Number와 느슨한 동등 연산자 (==) 를 사용하여 강제 변환 (coercion) 이 유효한지 확인합니다.

다음은 validateNumber 함수의 코드입니다.

const validateNumber = (input) => {
  const num = parseFloat(input);
  return !Number.isNaN(num) && Number.isFinite(num) && Number(input) == input;
};

validateNumber 함수는 다음과 같이 사용할 수 있습니다.

validateNumber("10"); // true
validateNumber("a"); // false

요약

축하합니다! 숫자 유효성 검사 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 실력을 향상시킬 수 있습니다.