자바스크립트 매개변수 숫자 여부 확인하기

JavaScript에서 매개변수로 전달된 데이터가 숫자인지 확인하기 위해, typeof 연산자를 사용할 수 있습니다. typeof 연산자는 피연산자의 데이터 형식을 반환합니다. isNaN() 함수를 사용하여 숫자 여부를 확인하는 방법은 인수가 NaN일 때 예외를 처리하기에 더 적합할 수 있습니다. 매개변수의 숫자 여부를 확인하기 위한 함수를 만들어 체크하는데 이용해 보겠습니다.

 

 

 

◎ 1. typeof 을 사용한 숫자체크

 

function checkIfNumber(param) {
    if (typeof param === "number") {
    	return "매개변수는 숫자입니다.";
    } else {
    	return "매개변수는 숫자가 아닙니다.";
    }
}
 
console.log(checkIfNumber(42));         // "매개변수는 숫자입니다."
console.log(checkIfNumber("Hello"));     // "매개변수는 숫자가 아닙니다."
console.log(checkIfNumber(true));        // "매개변수는 숫자가 아닙니다."

 

checkIfNumber(42)의 결과는 함수에 숫자를 매개변수로 제공했으므로 첫 번째 조건이 충족합니다. checkIfNumber("Hello")의 결과는 함수에 문자열을 매개변수로 제공했으므로 두 번째 조건이 충족합니다. checkIfNumber(true)의 결과는 함수에 부울 값을 매개변수로 제공했으므로 두 번째 조건이 충족합니다. 이것은 매개변수로 전달된 데이터가 숫자인지 확인하는 간단한 방법입니다.

 

 

◎ 2. typeof 과 isNaN 함수를 이용한 체크 방법

 

좀더 확실한 방법은 typeof 과 isNaN() 의 두 조건을 만족하는지 체크하는 것입니다. isNaN() 함수는 인수가 숫자인 경우 false를 반환하고, 그렇지 않으면 true를 반환합니다. 예제를 통해 알아보겠습니다.

 

function checkIfNumber(param) {
  if (typeof param === "number" && !isNaN(param)) {
         return "매개변수는 숫자입니다.";
  } else {
         return "매개변수는 숫자가 아닙니다.";
  }
}
 
console.log(checkIfNumber(42));         // "매개변수는 숫자입니다."
console.log(checkIfNumber("Hello"));     // "매개변수는 숫자가 아닙니다."
console.log(checkIfNumber(true));        // "매개변수는 숫자가 아닙니다."

 

checkIfNumber(42)의 결과는 함수에 숫자를 매개변수로 제공했으므로 두 번째 조건(!isNaN(param)가 true)을 충족합니다. checkIfNumber("Hello") 결과는 함수에 문자열을 매개변수로 제공했으므로 첫 번째 조건(typeof param === "number")이 false이며, 따라서 두 번째 조건의 상태는 중요하지 않습니다. checkIfNumber(true)는 함수에 부울 값을 매개변수로 제공했으므로 첫 번째 조건(typeof param === "number")이 false이며, 따라서 두 번째 조건의 상태는 중요하지 않습니다.