자바스크립트 parseInt 함수 이용 문자열을 정수로 변환하기

문자열을 숫자로 바꿔서 계산해야 되는 경우 parse 함수를 사용하시면 됩니다. 그 중 정수로 바꾸고 싶은 문자열이 있다면 parseInt() 를 사용합니다. 아래 여러 샘플들은 parseInt 함수로 변환 가능한 문자열과 그렇지 않는 것들을 알기 쉽도록 구현한 것입니다. 특이한 것은 변환하고 싶은 데이터가 문자와 숫자가 썩어 있어도 숫자로 변환 가능한 경우가 있습니다.  

 

 

◎ parseint 함수를 이용해서 정수로 변환하는 다양한 방법들

 

 

▼ 아래의 경우는 가장 일반적인 변환 과정입니다. 데이터가 숫자로만 이루어진 경우이죠. 소숫점일 경우 정수로 변환이 되기 때문에 소수점 이하는 버리게 됩니다. 

<script type="text/javascript">
<!--
	document.write(parseInt("20") + "<br/>");
	document.write(parseInt("20.00") + "<br/>");
	document.write(parseInt("20.25") + "<br/>");
//-->
</script>

 

▼ 두 번째 경우의 수는 여러 숫자가 공백으로 구분되어 있는 경우입니다. Number() 함수 같은 경우 에러를 리턴하지만 parseInt() 는 공백으로 구분된 데이터의 첫 번째 데이터가 숫자이면 변환이 됩니다. 그리고 공백이 있는 경우 공백을 제거하고 숫자로 변환해 줍니다. 

<script type="text/javascript">
<!--
	document.write(parseInt("10 20 30") + "<br/>");
	document.write(parseInt("   50 ") + "<br/>");
//-->
</script>

 

▼ 세 번째는 문자와 숫자가 썩여 있는 경우입니다. 이 때도 마찬가지로 앞에 숫자만 인식하고 버리기 때문에 앞에 있는 데이터가 숫자이면 변환 가능합니다. 소수점이 있는 실수를 정리할 때와 같습니다. 하지만 처음부터 숫자가 아닌 문자가 나오면 에러가 나는 것이죠. 에러 메시지는 “NaN” 문자열을 리턴합니다.  

<script type="text/javascript">
<!--
	document.write(parseInt("50 나이") + "<br/>");
	document.write(parseInt("나이 50") + "<br/>");
//-->
</script>

 

▼ 네 번째 경우의 수는 보통 쓰이지 않는 두 번째 인수를 이용하는 것입니다. 두 번째 인수는 진수를 나타냅니다. Optional 이며 10이면 10진수, 8이면 8진수가 됩니다. 넣지 않았을 때 기본값은 10진수 입니다. 

<script type="text/javascript">
<!--
	document.write(parseInt("10",10) + "<br/>");
	document.write(parseInt("10",8) + "<br/>");
	document.write(parseInt("10",16) + "<br/>");
	document.write(parseInt("0x10") + "<br/>");

//-->
</script>