[javascript] 문자열을 정수형 또는 실수형으로 변환하려면, parseInt(), parseFloat()

어느 프로그래밍 언어를 막론하고 문자형 데이터를 정수형 또는 실수형으로 변환해야하는 일은 빈번하게 찾아옵니다.

 

"13.1" => 13.1

 

예를 들어, XML 문서에서 데이터를 파싱했거나, 크롤링을 했거나 등등의 상황에서는 숫자이지만 문자형으로 오곤 합니다. 

 

자바스크립트에서 문자형 데이터를 정수형 또는 실수형으로 변환할 때는 parseInt() 함수와 parseFloat() 함수를 각각 사용할 수 있습니다. 엄밀히 따지면 parse라는 이름에서 유추해볼 수 있듯이 변환이라기 보다는 정수와 실수를 찾아준다고 보는 것이 좀 더 정확할 것 같네요. 

 

parseInt()

먼저 parseInt() 함수의 사용법부터 살펴보겠습니다. parseInt() 함수에 문자형 데이터를 파라미터로 전달해주면 정수형으로 변환해줍니다. 

 

parseInt() 사용법

 

만약 실수를 담고 있던 데이터를 전달해주면 소수점 아래는 날려버리고 정수만 남겨줍니다. 

 

 

그리고 문자형 데이터 내에 숫자 말고 다른 것을 같이 갖고 있을 때는 숫자만 빼옵니다. 

 

 

parseFloat()

이번에는 실수형 데이터로 변환해주는 parseFloat() 함수를 사용해보겠습니다. 

 

parseFloat() 사용법

 

실수형으로 잘 변환되었습니다. 그런데 만약에 소숫점 둘째자리에서 반올림한 결과를 보고 싶다면 어떻게 해줘야 할까요? toFixed() 메소드를 활용하면 됩니다. 파라미터로 1을 전달해주면 소숫점 첫째자리까지만 보여줍니다. 단, 주의해야할 것은 자료형이 문자열로 바뀌었다는 점입니다.

 

 

저는 위와 같이 parseFloat()와 toFixed()를 세트로 사용해야 할 일들이 많았습니다.^^ 

 

관련 글

☞ [javascript] 숫자를 문자열로 바꿔주는 String 함수와 toString 메서드