JavaScript에서는 Number() 메서드를 사용하여 다양한 값을 숫자로 변환할 수 있습니다. 이 메서드는 숫자 형태의 문자열을 실제 숫자로 바꿔주고, 불리언(Boolean) 값은 true를 1로, false를 0으로 변환합니다. 또한 null이나 빈 문자열도 0으로 처리하며, 16진수나 지수 표기법으로 작성된 문자열까지 숫자로 변환할 수 있어 매우 유용합니다.
문법(Syntax)
Number() 메서드의 기본 사용법은 다음과 같습니다.
var num = Number(value);
괄호 안에 변환하고자 하는 값을 인수로 전달하면, 해당 값이 숫자 타입으로 변환되어 반환됩니다.
예제 1 – 문자열과 불리언 값 변환
다음 예제에서는 Number() 메서드가 숫자 형태의 문자열과 불리언 값을 숫자로 변환하여 출력하는 과정을 보여줍니다.
<html>
<body>
<script>
document.write(Number("10.5") + "</br>");
document.write(Number(" 123 ") + "</br>");
document.write(Number(true) + "</br>");
document.write(Number(false) + "</br>");
document.write(Number(null));
</script>
</body>
</html>출력 결과
10.5 123 1 0 0
실행 결과를 살펴보면, 소수점이 포함된 문자열 "10.5"는 그대로 10.5로 변환되고, 앞뒤에 공백이 있는 " 123 " 역시 공백을 무시하고 123으로 정상 변환됩니다. 불리언 값인 true는 1, false는 0으로 변환되며, null 값도 0으로 반환되는 것을 확인할 수 있습니다.
예제 2 – 특수한 형식의 값 변환
Number() 메서드는 일반적인 값뿐만 아니라 아래와 같이 16진수, 지수 표기법, 빈 문자열 등 다양한 형식의 값도 숫자로 변환할 수 있습니다.
<html>
<body>
<script>
document.write(Number(" ") + "<br>");
document.write(Number("") + "<br>");
document.write(Number("123e-1") + "<br>");
document.write(Number("0xFF") + "<br>");
</script>
</body>
</html>출력 결과
0 0 12.3 255
공백만 포함된 문자열과 빈 문자열은 모두 0으로 변환됩니다. 지수 표기법으로 작성된 "123e-1"은 12.3으로 계산되며, 16진수 표현인 "0xFF"는 십진수인 255로 변환됩니다.
정리
Number() 메서드는 JavaScript에서 값을 숫자 타입으로 변환하는 가장 간단하고 직관적인 방법입니다. 단, 변환할 수 없는 문자열(예: "abc")을 전달하면 NaN(Not a Number)이 반환된다는 점에 유의해야 합니다. 따라서 사용자 입력값을 숫자로 처리하기 전에 Number() 메서드를 활용하면 데이터 타입 검증과 연산 오류 방지에 큰 도움이 됩니다.