[JS] Number()와 parseInt()의 차이점 - feat. parseFloat()

 

이전 글에서는 String()과 toString()의 차이점에 대해 알아보았다.

String()과 toString()의 차이점 보러가기: https://y-flm.tistory.com/21

JS - String()과 toString()의 차이점

 

Number()

Number()도 String()과 마찬가지로 전역 함수이다.

문자열, 불리언, 객체 등을 숫자로 변환하는데, 만약 문자열이 해석될 수 없는 경우에는 NaN을 반환한다.

let str = '123';
let num = Number(str) // 123

 

parseInt()

parseInt()는 문자열을 정수로 변환해준다.

문자열의 앞부분에서 숫자가 나오면 그 숫자만큼 변환하고, 그 뒤의 문자는 무시한다.

let str = "123.45";
let num = parseInt(str);  // 123

 

만약 소수점까지 변환하고 싶다면 parseFloat()을 사용하면 된다.

let str = "123.45";
let num = parseFloat(str);  // 123.45

 

추가로 parseInt()를 이용해서 진수로 변환한 값을 다시 10진수로 변환할 수 있다.

let binary = "1010";
let decimal = parseInt(binary, 2); // 10

 

 

정리

Number()	parseInt()	parseFloat()
전역 함수, 숫자로 변환해주지만 해석될 수 없는 문자열이라면 NaN을 반환	문자열을 정수로 변환	문자열을 실수로 변환
숫자 변환이 정확하고, 전체적인 숫자 데이터 변환이 필요할 때 사용	소수점을 제외한 정수만 필요할 때 사용	소수점을 포함한 실수가 필요할 때 사용