자바스크립트] 숫자 여부 판단 함수; 숫자인지 문자인지; isNum, isNumeric, isNumber JavaScript

어떤 문자열이, "숫자로만 이루어진 문자열"인지, 그래서 숫자로 변환될 수 있는 문자열인지

아니면, 'ABC가나다' 등의 문자로 이루어진 문자열인지 판단해야 할 때가 있습니다. 그렇지만 isNum 같은 함수가 없어서, isNaN() 함수를 사용하여 별도의 함수를 만들어 주어야 했습니다.

JavaScript: 숫자/문자 여부 알아내기 예제: Numeric Validation

<script type="text/javascript">

var b;

b = isNumber('5ZZZ');
document.write(b + '<br />');
// 출력 결과 (숫자가 아님): false


b = isNumber('ABCD');
document.write(b + '<br />');
// 출력 결과 (숫자가 아님): false



b = isNumber('');
document.write(b + '<br />');
// 출력 결과 (숫자가 아님): false


b = isNumber('.');
document.write(b + '<br />');
// 출력 결과 (숫자가 아님): false


b = isNumber(123);
document.write(b + '<br />');
// 출력 결과 (숫자임): true


b = isNumber(-123.001);
document.write(b + '<br />');
// 출력 결과 (숫자임): true


b = isNumber('522');
document.write(b + '<br />');
// 출력 결과 (숫자임): true


b = isNumber('-522.353');
document.write(b + '<br />');
// 출력 결과 (숫자임): true


var n = '+1.0023';
if (isNumber(n)) {
  document.write('숫자이군요' + '<br />');
} else {
  document.write('숫자가 아니군요' + '<br />');
}
// 출력 결과: 숫자이군요




function isNumber(s) {
  s += ''; // 문자열로 변환
  s = s.replace(/^\s*|\s*$/g, ''); // 좌우 공백 제거
  if (s == '' || isNaN(s)) return false;
  return true;
}

</script>

isNaN() 함수는 불린 값을 반환하는데, 참(true)을 반환하면 "숫자가 아니라는 뜻이고", 거짓(false)을 반환하면 숫자라는 뜻입니다.

이 논리값을, isNumber() 함수에서는, 뒤집어 주었습니다.

그리고 isNaN() 함수는, 빈 문자열과 공백도 숫자로 간주하는 문제가 있어서 이 부분도 처리했습니다.

isNaN() 은 수학적 에러를 판단하는 데 사용하는 함수이고, 문자열의 숫자 여부를 판단하는 용도로 사용하는 것은 아닙니다. 그렇지만 isNaN() 함수를 사용하는 방법이 가장 간단하더군요.