Number() 과 parseInt() 의 차이는 무엇일까?

 

시작하면서

Number() 과 parseInt() 의 차이는 무엇일까? 에 대한 답을 찾아갑니다.

 

 

Number() 과 parseInt()의 차이

Number() 과 parseInt()?

Number() 과 parseInt() 는 둘 다 문자열을 숫자로 형변환 해주는 함수입니다.

// Number() 과 parseInt() 예제

// Number과 parseInt 둘 다 문자열을 숫자로 형변환
let num = Number("1234");
console.log(num); // 1234

num = parseInt("1234");
console.log(num); // 1234

 

차이점은?

숫자와 문자가 결합되어있는 문자열을 확인해보면 알 수 있습니다.

// 숫자 + 문자
num = Number("1234안녕하세요");
console.log(num); // NaN

num = parseInt("1234안녕하세요");
console.log(num); // 1234

숫자와 문자와 결합되어있는 문자열을 Number 함수를 이용하면 'NaN' 값이, parseInt 함수를 이용하면 문자열 내부의 숫자만을 형변환 해줍니다.

 

주의할점

주의할점은 두 함수 다 문자열로 시작하게 되면 NaN 을 반환한다는 점을 기억하셔야합니다.

// 문자 + 숫자
num = Number("안녕하세요1234");
console.log(num); // NaN

num = parseInt("안녕하세요1234");
console.log(num); // NaN

 

추가로 parseInt() vs parseFloat()

parseInt() 는 소수점은 버리고 정수만, parseFloat 는 소수점 전부를 살린 실수를 반환합니다.

// parseInt vs parseFloat
num = parseInt("5.12345");
console.log(num); // 5

num = parseFloat("5.12345");
console.log(num); // 5.12345

 

마무리하며

이렇게 Number() 과 parseInt() 에 대해서 알아보았습니다.

댓글과 공감은 항상 환영입니다!