parseInt() vs. parseFloat()

parseInt()와 parseFloate()는 숫자 타입이 아닌 값(문자열만)을 숫자 타입으로 변환해준다는 점에서 같은 역할을 한다. 둘 다 숫자로 변환할 수 있는 부분까지 문자열을 숫자로 변환시켜 준다.

let dollar = '1000dollar'

console.log(Number(dollar)); // NaN
console.log(parseInt(dollar)); // 1000
console.log(parseFloat(dollar)); // 1000

위의 예시처럼 Number 생성자 함수는 인수를 형변환 할 수 없을 때 NaN값을 반환하지만 parseInt()나 parseFloat()는 변환할 수 없는 인자는 무시하고 숫자를 반환한다.

🧐 그럼 둘의 차이가 뭘까?

parseInt()는 소수점이 존재해도 정수만을 반환하고,
parseFloat()는 소수점까지 반환한다.

let dollar = '1000.5dollar'

console.log(parseInt(dollar)); // 1000
console.log(parseFloat(dollar)); // 1000.5