Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript에서 주어진 값이 숫자인지 확인하는 방법 – isNaN() 함수 완벽 가이드

JavaScript에서 특정 값이 유효한 숫자인지 검사하려면 isNaN() 함수를 사용하면 됩니다. 이 함수는 전달된 값이 숫자인지 아닌지를 판별하며, 결과가 true라면 해당 값이 숫자가 아니라는 의미입니다.

isNaN() 함수의 동작 원리

isNaN()은 'is Not a Number'의 약자로, 이름 그대로 값이 숫자가 아닌지(NaN 여부)를 확인하는 함수입니다.

  • 반환값이 true → 값이 숫자가 아님
  • 반환값이 false → 값이 유효한 숫자임

예제 코드

아래 코드는 각 값에 대해 false를 반환합니다. 즉, 두 값 모두 유효한 숫자라는 뜻입니다.

<!DOCTYPE html>
<html>
   <body>
   <button onclick="display()">Check</button>
   <p id="test"></p>
      <script>
         function display() {
            var a = "";
            a = a + isNaN(6234) + ": 6234<br>";
            a = a + isNaN(-52.1) + ": -52.1<br>";
            a = a + "위 값들은 false를 반환하며, 이는 숫자임을 의미합니다.";

            document.getElementById("test").innerHTML = a;
         }
    </script>
   </body>
</html>

실행 결과

버튼을 클릭하면 다음과 같은 결과가 화면에 표시됩니다.

  • false: 6234 → 6234는 숫자입니다.
  • false: -52.1 → -52.1도 숫자입니다.

참고 사항

isNaN() 함수는 문자열 등 숫자가 아닌 값을 전달하면 true를 반환합니다. 예를 들어 isNaN("hello")는 true를 반환하여 해당 값이 숫자가 아님을 알려줍니다. 또한 최신 JavaScript에서는 더 엄격한 타입 검사를 위해 Number.isNaN() 메서드를 사용하는 것이 권장됩니다.