2021-04-27
기본 프로그래밍 언어와 같이 자바스크립트에서도 형 변환을 지원하며, 메서드는 parseInt를 사용한다. 해당 메서드의 사용법을 알아보도록 하자.
- 기본 형변환
<script type="text/javascript">
onload = function(){
// 10진수로 형변환
console.log(parseInt('10')) // 10
console.log(parseInt('1123')) // 1123
console.log(parseInt('010')) // 10
console.log(parseInt('00011')) // 11
}
</script>
문자열을 parseInt 메서드 안에 넣어준 후 콘솔에 출력해 주면 아래와 같은 결과를 얻을 수 있다. 모두 number형으로 형 변환되어 출력되며, 앞자리에 붙은 0들은 자동으로 제거되어 정수만 남아 출력된다.
- 문자 넘버형 변환
<script type="text/javascript">
onload = function(){
// 문자 넘버형 으로 변환
console.log(parseInt('hello')) // NaN
console.log(parseInt('world')) // NaN
console.log(parseInt('123hello')) // 123
}
</script>
위의 코드의 결과는 아래와 같이 출력된다. 문자열 자체를 가지고 parseInt를 사용하면 이는 숫자로 변경할 수 없는 타입이기 때문에 NaN으로 출력되고 '123 hello'처럼 숫자가 포함된 문자열에 paseInt를 사용하면 문자열은 제거되고 숫자만 남아 출력된다.
- boolean 넘버형 변환
<script type="text/javascript">
onload = function(){
// boolean 넘버형 으로 변환
console.log(parseInt(true)) // NaN
console.log(parseInt(false)) // NaN
}
</script>
boolean 형 타입 역시 숫자형으로 변환될 수 없는 타입이기 때문에 형 변환 시 NaN이 출력된다.
메인 이미지 출처: Photo by Jake Blucker on Unsplash