자바스크립트에서 정수로 변환하기 위해 parseInt 함수를 사용한다. 문자열이나 객체의 숫자데이터를 정수로 표현을 하며 소숫점은 제거된다. 수를 표현할 때 자주 사용되는 것들 중 하나이다. 사용법은 간단하기 때문에 어렵지 않다.
자바스크립트 정수 변환 parseInt 함수 사용
Using javascript parseInt function
자바스크립트에서 수를 계산할 때 소숫점이 없는 정수를 이용하여 계산이 필요할 때가 있다.
또는 문자열로 되어 있는 숫자를 숫자 데이터로 변환해야 할 때가 있다.
이 때 사용하는 것이 parseInt() 함수이다.
parseInt() 함수는 숫자형태로 읽을 수 있는 숫자를 숫자 데이터타입으로 변환하며 소숫점이하를 잘라버린다.
즉, 정수만 나타낸다.
정수변환 parseInt() 함수
parseInt() 함수는 자주 사용되기도 한다.
일반적인 프로그램에도 자주 사용된다.
수를 표현하는 경우는 굳이 수학적 계산을 많이 사용하는 프로그램을 제외하고도 많기 때문이기도 하다.
사용법은 다음과 같다.
parseInt(숫자)샘플코드
숫자로 변환을 하기 위해 간단한 자바스크립트 예제를 만들어 본다.
이전에 사용했던 Number() 함수의 코드에 parseInt() 함수만 변경해 주도록 한다.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 숫자형 변환</h2>
<div id="cont">
<p id="ret4"></p>
<p id="ret5"></p>
<p id="ret6"></p>
<p id="ret7"></p>
<p id="ret8"></p>
<p id="ret9"></p>
<p id="ret10"></p>
<p id="ret1"></p>
<p id="ret2"></p>
<p id="ret3"></p>
</div>
<script>
console.log("----------");
vNumber = parseInt("13");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret4").innerText = vNumber;
vNumber = parseInt(" 13");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret5").innerText = vNumber;
vNumber = parseInt("13 ");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret6").innerText = vNumber;
vNumber = parseInt(" 13 ");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret7").innerText = vNumber;
vNumber = parseInt("13.13");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret8").innerText = vNumber;
vNumber = parseInt("13,13");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret9").innerText = vNumber;
vNumber = parseInt("13 13");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret10").innerText = vNumber;
vNumber = parseInt(true);
console.log(typeof(vNumber), vNumber);
document.getElementById("ret1").innerText = vNumber;
vNumber = parseInt(false);
console.log(typeof(vNumber), vNumber);
document.getElementById("ret2").innerText = vNumber;
vNumber = parseInt("John");
console.log(typeof(vNumber), vNumber);
document.getElementById("ret3").innerText = vNumber;
console.log("----------");
</script>
</body>
</html>이전에 작성했던 코드에서 함수만 변경해 주었다.
당연히 숫자로 인식되는 것은 숫자로 표현되겠지만 그렇지 않은 것들은 NaN 으로 표현된다.
결과화면을 보자.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 배열 개요 about javascript array (0) | 2021.12.11 |
|---|---|
| 자바스크립트 소숫점 변환 parseFloat 함수 사용 Using javascript parseFloat() Function (0) | 2021.12.09 |
| 자바스크립트 숫자 변환 Number 함수 using javascript Number function (0) | 2021.12.08 |
| 자바스크립트 숫자 변환하기 convert to number (0) | 2021.12.07 |
| 자바스크립트 valueOf 메서드 사용 원시데이터의 변환 primitive value (0) | 2021.12.05 |
댓글