JavaScript에서 parseFloat() 메서드는 문자열을 구문 분석(parse)한 후 부동 소수점 숫자(floating point number)를 반환하는 전역 함수입니다. 숫자로 시작하는 문자열의 앞부분을 읽어 실수 값으로 변환해 주기 때문에, 사용자 입력이나 외부 데이터를 숫자로 처리해야 할 때 매우 유용하게 활용됩니다.
parseFloat() 메서드의 기본 문법
parseFloat(string)
매개변수로 변환하고자 하는 문자열을 전달하며, 파싱에 성공하면 부동 소수점 숫자를 반환하고 실패하면 NaN(Not a Number)을 반환합니다.
parseFloat()의 주요 동작 특징
- 문자열의 맨 앞부터 숫자를 읽기 시작하며, 숫자가 아닌 문자를 만나면 그 지점에서 파싱을 중단합니다.
- 문자열 앞쪽의 공백은 자동으로 무시됩니다.
- 소수점(.), 부호(+/-), 지수 표기(e)도 올바르게 인식합니다.
- 첫 번째 문자 자체가 숫자로 해석될 수 없으면
NaN을 반환합니다.
예제
다음 코드를 실행하면 JavaScript에서 parseFloat() 메서드가 실제로 어떻게 동작하는지 직접 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<script>
var val1 = parseFloat("2");
var val2 = parseFloat("30 minutes");
document.write(val1);
document.write("<br>"+val2);
</script>
</body>
</html>
실행 결과
val1: 문자열 "2"가 숫자 2로 변환되어 출력됩니다.val2: 문자열 "30 minutes"에서 숫자 부분만 읽혀 30이 반환되며, 뒤에 오는 "minutes"는 무시됩니다.
이처럼 parseFloat() 메서드는 숫자로 시작하는 문자열에서 숫자 부분만 추출하여 실수로 변환할 때 유용하게 사용할 수 있습니다. 다만 문자열 중간이나 끝에 있는 숫자는 인식하지 못하므로, 이러한 경우에는 별도의 문자열 처리 로직이 필요하다는 점을 기억해 두세요.