parseInt()와 Number()의 차이

자바스크립트에서 parseInt()와 Number()는 문자열을 숫자로 변환하는 데 사용하는 메소드인데
차이점이 뭘까?

 

parseInt()

// parseInt() 예제
console.log(parseInt('123'));         // 123 (기본 10진수로 파싱)
console.log(parseInt('123', 10));     // 123 (10진수로 파싱)
console.log(parseInt('1010', 2));     // 10  (2진수로 파싱)
console.log(parseInt('123abc'));      // 123 (숫자가 아닌 문자가 나오기 전까지 파싱)
console.log(parseInt('abc123'));      // NaN (숫자로 시작하지 않으면 NaN)

- 문자열을 숫자로 파싱한다
- 진수 변환이 가능하며 기본 10진수로 변환한다
- 숫자가 아닌 문자를 만나면 변환을 중지하고 그 앞까지의 숫자를 return 한다
- 숫자로 시작하지 않을 경우 NaN을 return 한다.

 

Number()

// Number() 예제
console.log(Number('123'));           // 123 (문자열을 숫자로 변환)
console.log(Number('123.45'));        // 123.45 (소수점 포함)
console.log(Number('123abc'));        // NaN (문자열 전체를 숫자로 변환하지 못함)
console.log(Number('   123   '));     // 123 (앞뒤 공백 무시)
console.log(Number(''));              // 0 (빈 문자열은 0으로 변환)

- 문자열 전체를 숫자로 변환하며, 진수 변환이 불가능하다
- 소수점이 포함된 문자열을 숫자로 변환할수 있다.
- 문자열 전체가 숫자가 아니면 NaN을 반환한다
- 앞뒤 공백이 있을경우 무시한다 (중간에 공백이 있을 경우는 NaN을 return)
- 빈 문자열일 경우 0으로 return 한다