자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하기

parseFloat 함수는 텍스트를 소수점 표현이 가능한 실수로 변환해 줍니다. 만약 인수로 넘긴 텍스트가 숫자가 아니면 에러 메시지인 NaN 을 반환합니다. 그리고 첫 번째로 인식한 값이 숫자이면 공백 뒤의 나머지 텍스트는 버리고 반환합니다. 

 

 

▼ parseFloat 함수는 parseInt 와 마찬가지로 문자열을 숫자로 변환하는데 정수가 아닌 실수로 변환합니다. 그래서 아래 소스와 같은 경우 소수점을 버리지 않고 그대로 표현이 됩니다. 

<script type="text/javascript">
<!--
	document.write(parseFloat("20") + "<br/>");
	document.write(parseFloat("20.00") + "<br/>");
	document.write(parseFloat("20.25") + "<br/>"); 
//-->
</script>

 

▼ 다음은 데이터에서 여러 숫자가 포함되어 있는 경우 입니다. 공백으로 구분되어 있을 때 제일 앞에 있는 데이터가 숫자이면 변환이 가능합니다. 그 외 나머지는 버리게 됩니다. Number() 같은 경우는 NaN 에러 메지시를 리턴하게 됩니다. 그리고 데이터에 공백이 있는 경우 제거하고 숫자만 변환해 줍니다. 

<script type="text/javascript">
<!--
	document.write(parseFloat("10 20 30") + "<br/>");
	document.write(parseFloat("   50 ") + "<br/>");
//-->
</script>

 

▼ 마지막으로 숫자와 문자가 썩여 있는 데이터인 경우 앞에 있는 데이터가 숫자이면 변환이 가능합니다. 그리고 공백으로 구분이 되어 있어야 하며 앞에 문자면 변환이 되지 않고 에러 메시지를 리턴합니다. 

<script type="text/javascript">
<!--
	document.write(parseFloat("50 나이") + "<br/>");
	document.write(parseFloat("나이 50") + "<br/>");
//-->
</script>

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법