[JS] 문자열 숫자 변환 parseInt와 Number 차이

 

이번 글에서는 자바스크립트에서 문자열을 숫자로 변환할때 사용하는 함수인 parseInt와 Number의 차이를 알아보겠습니다.

 

두 함수 모두 문자열을 숫자로 파싱해준다는 점에서 기능이 동일하다고 볼 수 있지만, 차이가 있습니다.

 

---

# 예제 코드

 

var test = "09";

console.log(parseInt(test, 10));
console.log(Number(test2));

 

위와 같이 변수를 선언하고 출력해보았습니다.

 

l parseInt 두번째 인자를 뭔가요?

parseInt의 두번째 인자로 10을 넣어줬는데 이를 해주지 않을 경우 08, 09 같이 앞에 0이 있을때 8진수로 인식하여 에러를 초래한다고 합니다. 

 

결과

 

다시 본론으로 돌아와 위와 같은 결과를 출력한 것을 보실수가 있습니다. 차이가 없어 보이죠? 

 

var test = "09 Hello"

console.log(parseInt(test, 10));
console.log(Number(test));

 

그럼 만약 위와 같이 변수에 문자열을 추가하였습니다. 결과는 어떻게 나올까요?

 

결과

 

parseInt 같은 경우 제대로 파싱하였지만, Number 같은 경우 NaN이 출력되었습니다.

 

이처럼 데이터를 좀 더 정확하게 파싱하고 싶다면 parseInt를 사용해야 합니다. 하지만 속도면에서 Number 함수가 더 빠릅니다. 장단점이 분명하죠?

 

즉, parseInt는 정확한 파싱이 필요할때, Number는 빠른 처리 속도를 원할때 사용하시면 됩니다.

 

이상 자바스크립트에서 문자열을 숫자로 변환시켜주는 parseInt와 Number에 대해 알아보았습니다.

 

 

읽어주셔서 감사합니다.

질문은 언제나 환영합니다.

 

"난 반드시 백엔드 왕이 될거야"