문자열을 숫자로 바꾸는 함수: Number, parseInt, parseFloat

🙋🏻‍♀️ String 을 Number 로 변환하려고 할 때, Number, parseInt, parseFloat 의 차이점은?

대표적인 Number 함수 외에, Int는 Integer(정수)의 약어로, parseInt()는 주어진 값에서 정수만 찾아내 변환하고, Float(소수)는 주어진 값에서 소수까지 찾아 바꾼다.

parseInt, parseFloat 은 문자열 값을 파싱해서 숫자를 찾아내는 데에 충실하다. 하지만 문자열이 숫자 앞에 오는 경우에는 NaN 값을 반환하는 등 완벽한 함수가 아님을 유념할 것. 특히 Form 을 통해 유저가 입력하는 숫자 타입의 값들이 문자열로 다뤄지는데, 이를 자바스크립트로 오류없이 처리하려면 처음부터 유저가 일반 문자열과 숫자를 섞지 않고, 숫자로만 값을 입력하도록 환경을 만들어주는 것이 좋다.

Number("53.7kg") // NaN 
parseInt("53.7kg") // 53
parseFloat("53.7kg") // 53.7

parseInt("Number 1") // NaN
parseInt("1 Number") // 1