[javascript] 자바스크립트 parseFloat 사용 방법 (숫자 변환)

참고: https://flexiple.com/javascript/parsefloat-javascript/

이 포스트에서는 JavaScript parseFloat() 함수의 문법, 사용법, 예제를 알아보겠습니다.

parseFloat()는 문자열을 받아 부동 소수점 숫자로 변환하는 함수입니다. 매개변수에 숫자 값이 포함되어 있지 않거나 문자열의 첫 번째 문자가 숫자가 아니면 NaN 즉, 숫자가 아님을 반환합니다. 이 함수는 숫자가 아닌 문자를 만나는 지점 까지 구문을 분석하여 부동 소수점 숫자를 반환합니다.

문법과 설명

parseFloat(string);

매개변수: 이 함수는 위에서 언급한 숫자 형태의 문자열 한 개를 매개변수로 받습니다.

리턴 값: 부동 소수점 숫자를 리턴하고 매개변수의 첫 번째 문자를 숫자로 변환할 수 없는 경우 NaN(Not a Number)을 반환합니다.

여러 입력에 대한 출력 예제

function myFunction() {
    parseFloat("9");
    parseFloat("11.00");
    parseFloat("10.89");
    parseFloat("10 20 30");
    parseFloat("   100  ");
    parseFloat("1 xyz");
    parseFloat("xyz 1");
}

기타 조건

• parseFloat() 함수가 더하기(+), 빼기(-), 숫자(0~9), 소수점(.), 지수(e 또는 E) 이외의 문자를 만나면 해당 문자까지의 값을 반환하고 유효하지 않은 문자와 그 뒤에 있는 문자들은 무시합니다. 
• 두 번째 소수점을 만나도 파싱을 중단합니다. (해당 소수점 앞 까지만 파싱)
• 앞쪽과 뒤쪽에 있는 공백은 무시합니다.
• 매개변수의 첫 번째 문자가 숫자로서 파싱할 수 없는 경우 NaN을 반환합니다.
• parseFloat() 함수는 Infinity를 파싱하거나 반환할 수 있습니다.
• parseFloat() 함수는 Bigint 문법을 숫자로 변환할 수 있지만 정밀도는 떨어집니다. 왜냐하면 BigInt 구문의 뒤쪽 문자는 버려지기 때문입니다.

정리

parseFloat()는 문자열에서 숫자를 추출하는 유용한 함수지만 문자열의 시작 부분에 숫자가 오도록 해야합니다. 이는 이 함수의 가장 큰 단점 중 하나입니다. 또한 parseFloat()는 10 진수에서만 작동합니다. 16 진수 및 8 진수 시스템에서는 작동하지 않습니다.

관련 글

자바스크립트 parseInt 사용 방법