parseInt() 메서드란?
JavaScript의 parseInt() 메서드는 문자열을 구문 분석(parse)하여 정수(integer)를 반환하는 함수입니다. 문자열 앞부분부터 숫자를 읽어들이며, 숫자가 아닌 문자를 만나면 그 지점에서 해석을 중단합니다.
또한 두 번째 매개변수인 진법(radix)을 지정하면 2진수, 8진수, 16진수 등 다양한 진법의 문자열을 원하는 진수 체계에 맞춰 변환할 수 있습니다.
기본 문법
parseInt(string, radix)
- string: 정수로 변환할 문자열
- radix: (선택 사항) 사용할 진법, 예를 들어 16진수라면 16을 지정
예제
아래 코드를 실행하면 parseInt() 메서드가 다양한 상황에서 어떻게 동작하는지 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<script>
var val1 = parseInt("20.50");
var val2 = parseInt("30 minutes");
var val3 = parseInt("20", 16);
document.write(val1);
document.write("<br>" + val2);
document.write("<br>" + val3);
</script>
</body>
</html>실행 결과
20 30 32
결과 설명
parseInt("20.50")→ 소수점 이하는 무시하고 20을 반환합니다.parseInt("30 minutes")→ 숫자 뒤의 텍스트는 무시되고 30을 반환합니다.parseInt("20", 16)→ 문자열 "20"을 16진수로 해석하므로 십진수 32를 반환합니다.
이처럼 parseInt()는 사용자 입력값 처리나 URL 파라미터 파싱 등 문자열 형태의 숫자 데이터를 다룰 때 매우 유용하게 활용됩니다. 단, 변환에 실패하면 NaN(Not a Number)을 반환하므로 결과값 검증도 함께 고려하는 것이 좋습니다.