parseFloat() 메서드란?
JavaScript는 parseFloat() 메서드를 제공하여 문자열을 부동 소수점(floating point) 숫자로 변환할 수 있습니다. 부동 소수점 숫자란 쉽게 말해 소수점 이하 자리를 가진 숫자, 즉 소수를 의미합니다. 비슷한 역할을 하는 메서드로 parseInt()가 있지만, 이 메서드는 소수점을 처리하지 못하고 오직 정수만 반환한다는 차이점이 있습니다.
parseFloat()은 숫자 형태의 문자열을 실제 숫자 값으로 변환해 줍니다. 반면, 숫자가 아닌 다른 문자열이 입력으로 전달되면 NaN(Not a Number)을 결과로 반환합니다.
기본 문법
parseFloat(Value);
parseFloat()은 숫자 형태의 문자열을 인자로 받아, 그에 해당하는 부동 소수점 숫자를 반환합니다.
예제 1: parseFloat()와 parseInt()의 차이
다음 예제에서 parseFloat()은 부동 소수점 숫자를 반환하는 반면, parseInt()는 정수만 반환하는 것을 확인할 수 있습니다.
<html>
<body>
<script>
var a = parseFloat(" 100 ");
document.write(a + "</br>");
var b = parseFloat("120.65")
document.write(b + "</br>");
var c = parseInt("3.14");
document.write(c + "</br>");
</script>
</body>
</html>실행 결과
100 120.65 3
숫자와 문자가 섞여 있는 경우
변수 안에 숫자와 문자가 함께 포함되어 있는 경우, 숫자가 맨 앞에 위치하면 문자열 부분은 잘려나가고 숫자만 결과로 반환됩니다. 하지만 문자가 먼저 나오면 NaN이 반환됩니다.
예제 2
<html>
<body>
<script>
var a = parseFloat(" hello ")
document.write(a + "<br>");
var b = parseFloat("hello1234")
document.write(b + "<br>");
var c = parseFloat("3.14hello");
document.write(c + "<br>");
</script>
</body>
</html>실행 결과
NaN NaN 3.14