js parseInt()

Codemaniac·2021년 5월 26일

오늘은 문자열을 숫자로 바꿔주는 함수인 parseInt에 대하여 알아보자.
흔히 문자열을 숫자로 나타내어 주는 함수로

Number()

를 알고 있다.

하지만 이 Number()함수와 parseInt()와의 차이는 무엇일까?


우선 직접 한번 비교해보자.


console.log("parseInt : "+ parseInt("5"))


===>>> parseInt : 5



console.log("Number : "+ Number("5"))


===>>> Number : 5

둘 다 문자열이었던 "5"를 숫자 5로 동일하게 바꾸어 주었다.



그렇다면 정수가 아닌 소수일 경우에는 어떻게 될까?


console.log("parseInt : "+ parseInt("2.3"))


===>>> parseInt : 2



console.log("Number : "+ Number("2.3"))


===>>> Number : 2.3

그렇다. parseInt 함수는 소수일 경우에 정수 뒤에 있는 소숫값을 버리고 나타내준다.



이러한 경우에 parseFloat()함수를 이용하면 위와 같은 경우에도 당황하지 않고 해결할 수 있다.

console.log("parseFloat : "+ parseFloat("2.3"))


===>>> parseFloat : 2.3


위와 같이 소숫점자리까지 나타내 줄때는 실수를 나타내어 주는 parseFloat()함수를 이용하면 된다.


또 한가지 parseInt()함수의 특징을 알아보자.
console.log("Number : " + Number("12살"))


===>>> Number : NaN

  
console.log("parseInt : " + parseInt("12살"))


===>>> parseInt : 12

Number() 함수의 경우에는 숫자가 아닌 문자가 포함된 문자열을 입력하였을 때 NaN이 결과로 나온다.
하지만 parseInt() 함수는 문자를 제외환 숫자로된 문자열만을 숫자로 바꾸어 출력한다.

profile
코딩에 미치다.

0개의 댓글