자바스크립트의 parseFloat() 함수는 문자열을 인수로 받아 이를 구문 분석한 뒤 부동소수점 숫자(실수)를 반환하는 전역 함수입니다. 문자열의 시작부터 차례대로 읽어가며 유효한 숫자 형태인 부분까지만 변환하고, 숫자로 해석할 수 없는 문자를 만나는 즉시 파싱을 중단합니다. 만약 첫 글자부터 숫자로 변환할 수 없다면 NaN(Not a Number)을 반환합니다.
기본 문법
parseFloat() 함수의 기본적인 사용 문법은 다음과 같습니다.
parseFloat('4524.75');
함수는 변환할 값을 나타내는 매개변수 하나만 받으며, 일반적으로 숫자 형태의 문자열을 전달합니다.
예제 코드
아래 예제에서는 다양한 입력값에 대해 parseFloat() 함수가 어떤 결과를 반환하는지 확인할 수 있습니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var result1 = parseFloat(Math.PI);
document.write("Result: "+result1);
document.write('<br>');
var result2 = parseFloat("245.12@welcome");
document.write("Result: "+result2);
document.write('<br>');
var result3 = parseFloat("11111100.010");
document.write("Result: "+result3);
</script>
</body>
</html>
실행 결과
Result: 3.141592653589793 Result: 245.12 Result: 11111100.01
결과 분석
- 첫 번째 결과: Math.PI 값(3.141592653589793)은 이미 숫자이므로 문자열로 변환된 뒤 다시 동일한 실수로 반환됩니다.
- 두 번째 결과: "245.12@welcome"에서 '@' 문자는 숫자로 해석할 수 없으므로, 그 앞의 245.12까지만 변환되고 나머지 부분은 무시됩니다.
- 세 번째 결과: 소수점 이하 끝자리의 0은 값에 영향을 주지 않으므로 제거된 11111100.01이 반환됩니다.
parseFloat() 활용 시 알아두면 좋은 점
- 문자열 앞뒤의 공백은 자동으로 무시됩니다.
- '+' , '-' 같은 부호와 Infinity 키워드도 올바르게 처리됩니다.
- 정수만 필요한 경우에는 parseInt() 함수를 사용하는 것이 더 적합합니다.
- 파싱에 실패하면 NaN이 반환되므로, isNaN() 함수로 결과를 검증하면 더욱 안전하게 코드를 작성할 수 있습니다.