Sunday, January 14, 2007
자바스크립트] 숫자 여부 판단 함수; 숫자인지 문자인지; isNum, isNumeric, isNumber JavaScript
어떤 문자열이, "숫자로만 이루어진 문자열"인지, 그래서 숫자로 변환될 수 있는 문자열인지
아니면, 'ABC가나다' 등의 문자로 이루어진 문자열인지 판단해야 할 때가 있습니다. 그렇지만 isNum 같은 함수가 없어서, isNaN() 함수를 사용하여 별도의 함수를 만들어 주어야 했습니다.
isNaN() 함수는 불린 값을 반환하는데, 참(true)을 반환하면 "숫자가 아니라는 뜻이고", 거짓(false)을 반환하면 숫자라는 뜻입니다.
이 논리값을, isNumber() 함수에서는, 뒤집어 주었습니다.
그리고 isNaN() 함수는, 빈 문자열과 공백도 숫자로 간주하는 문제가 있어서 이 부분도 처리했습니다.
isNaN() 은 수학적 에러를 판단하는 데 사용하는 함수이고, 문자열의 숫자 여부를 판단하는 용도로 사용하는 것은 아닙니다. 그렇지만 isNaN() 함수를 사용하는 방법이 가장 간단하더군요.
아니면, '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>
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() 함수를 사용하는 방법이 가장 간단하더군요.
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home