[JavaScript] parseInt() vs Number()

문자열을 숫자로 바꿀 때 사용하는 메서드는 parseInt() 와 Number()가 있다. 쓸 때마다 언제 어떤 메서드를 쓰는 게 더 적합한 지 궁금했다. 지금 알아보겠다!

공통점

📍 문자열을 숫자로 변환

숫자가 담긴 문자열을 숫자형으로 형 변환하는 역할을 한다.

let num1 = parseInt('123') // 123
let num2 = Number('123') // 123

차이점

📍 문자열이 숫자가 아닐 때

문자열에 숫자가 아닌 다른 문자가 포함되어 있다면,
parseInt는 문자를 제외한 숫자만 포함한다.
Number는 NaN(Not a Number)을 저장한다.

let num1 = parseInt('100원') // 100
let num2 = Number('100원') // NaN

하지만 문자열 시작 시, 숫자가 아닌 문자로 시작한다면
parseInt도 Number와 마찬가지로 NaN을 저장한다.

let num1 = parseInt('총 100원') // NaN
let num2 = Number('총 100원') // NaN

📍 소수점 표시

parseInt는 정수만 담는다.
Number는 소수점 결과를 모두 포함해 숫자형으로 변환한다.

let num1 = parseInt('123.45') // 123
let num2 = Number('123.45') // 123.45

cf)
parseInt()와 Number()의 차이
[자바스크립트] parseInt와 Number의 차이