자바스크립트 parseFloat()

09 Sep 2023

javascript

자바스크립트에서는 문자열을 소수점으로 해석할 수 있는 parseFloat() 함수를 제공합니다. 이 함수는 주어진 문자열을 부동 소수점 숫자로 변환하여 반환합니다.

사용법

parseFloat() 함수는 다음과 같은 방식으로 사용됩니다:

parseFloat(string)

여기서 string은 숫자로 변환할 대상이 되는 문자열입니다. 이 함수는 다음과 같은 동작을 수행합니다:

string을 처음부터 시작하여 유효한 숫자를 찾습니다.
찾은 숫자 부분만을 추출합니다. 부동 소수점 표기법으로 읽을 수 있는 문자열만을 추출하며, 숫자가 아닌 문자가 나타나면 그 이후의 문자는 무시됩니다.
추출한 숫자를 부동 소수점 숫자로 변환하여 반환합니다.

예제

다음은 parseFloat() 함수를 사용하여 문자열을 숫자로 변환하는 예제입니다:

const num1 = parseFloat("3.14"); // 3.14
const num2 = parseFloat("10"); // 10
const num3 = parseFloat("ABC"); // NaN
const num4 = parseFloat("20.5px"); // 20.5

위 예제에서 num1은 문자열 “3.14”를 소수점 숫자로 변환한 결과인 3.14를 가지게 됩니다. num2는 문자열 “10”을 숫자로 변환한 결과인 10을 가지며, num3은 숫자로 해석할 수 없어 NaN (Not a Number)을 반환합니다. 마지막으로 num4는 “20.5px”를 부동 소수점 숫자로 변환하여 20.5를 반환합니다.

주의사항

parseFloat() 함수는 문자열을 숫자로 변환할 때 조심해야 할 몇 가지 주의사항이 있습니다:

parseFloat() 함수는 문자열에서 유효한 숫자를 찾기 시작하기 전에 앞뒤 공백을 제거합니다. 따라서 앞뒤에 공백 문자가 있는 경우, 유효한 숫자를 찾지 못할 수 있습니다.
parseFloat() 함수는 소수점 이하 숫자만을 추출하고 정수 부분을 무시합니다. 따라서 정수 부분이 중요한 경우에는 parseInt() 함수를 사용해야 합니다.

결론

자바스크립트의 parseFloat() 함수는 문자열을 부동 소수점 숫자로 변환하기 위해 유용하게 사용할 수 있습니다. 하지만 문자열에 유효한 숫자가 아닌 다른 데이터가 포함되어 있거나, 부동 소수점 이하 숫자가 아닌 다른 형태의 숫자를 변환할 때에는 주의가 필요합니다.