본문 바로가기

웹 퍼블리셔 기록/vanila javascript

Number.parseInt vs Number vs parseInt

Number.parseInt() vs Number() vs parseInt() 

 

이 세가지 메서드는 참 비슷해요.

그래서 오늘은 이 세가지 메서드의 차이점을 알아볼까합니다.

 

Number()

 

이 메서드는 무조건 숫자로 이루어진 것만 숫자로 리턴해줍니다.

ex) "2014" --> 2014 (숫자리턴완료)    "2014년도" --> NaN (Not a Number 리턴)

그리고 숫자에 강하므로 소수점도 인식합니다.

ex) "10.124" --> 10.124 

 

 

parseInt()

 

숫자와 문자 중 숫자만 인식하여 숫자로 리턴해 줍니다.

 

ex) "2014년도" --> 2014년도(숫자리턴완료) 

 

하지만 문자가 앞에 있는 경우는 불가능합니다.

 

ex) "제2014년도" --> NaN(Not a Number 리턴)

 

그리고 10 이하의 소수점은 반환하지 못합니다.

ex) "10.234" --> 10

 

Number.parseInt()

 

제 단계에서는 사용하지 않을 것같은 메서드입니다.

MDN의 설명을 빌자면, "문자열을 분석하고 특정 진수를 사용한 정수로 변환해 반환"이라고 설명합니다.

 

진수를 사용하여 복잡한 구문을 만드는게 아니라면 아직은 사용할 일이 없지 않을까 싶습니다.

 

그리고 IE 11 에서 작동하지 않으므로 크로스브라우징을 생각한다면 퍼블리싱할때 왠만하면 사용하지 않을것같습니다.

 

 

 

참고사이트

 

https://jamong-icetea.tistory.com/14

 

parseInt()함수와 Number()함수의 차이

우선 두 개의 함수 모두 문자열 타입의 숫자를 ‘Number’ 타입으로 바꿔주는 역할을 한다. 가장 흔한 목적은 연산을 위해서이다. 예를 들어서 폼을 통해 사용자로부터 입력받은 숫자 타입의 값은

jamong-icetea.tistory.com