목차
- parseInt() 예제 - 문자열에서 정수 추출/변환
- parseInt() 정의
- parseInt() 구문
- parseInt() 예제 - 천자리 콤마 제거 후 연산
- parseInt() 응용
- parseInt() 관련 주소
parseInt() 예제 - 문자열에서 정수 추출/변환
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var a = parseInt("10") + "<br>"; // 10
var b = parseInt("10.00") + "<br>"; // 10
var c = parseInt("10.33") + "<br>"; // 10
var d = parseInt("34 45 66") + "<br>"; // 34
var e = parseInt(" 60 ") + "<br>"; // 60
var f = parseInt("40 years") + "<br>"; // 40
var g = parseInt("He was 40") + "<hr>"; // NaN
var h = parseInt("10", 10)+ "<br>"; // 10
var i = parseInt("010")+ "<br>"; // 10
var j = parseInt("10", 8)+ "<br>"; // 8
var k = parseInt("0x10")+ "<br>"; // 16
var l = parseInt("10", 16)+ "<br>"; // 16
var n = a + b + c + d + e + f + g + "<br>" + h + i + j + k +l;
document.getElementById("demo").innerHTML = n;
}
</script>
결과 보기
parseInt() 정의
문자열을 구문 분석 후, 정수 반환.
1.
선행 및 후행 공백 허용.
2.
문자열이 "0"으로 시작 시, ECMAScript 버전에 따라 반환값 다름.
예를 들어, parseInt ("010") 경우,
ECMAScript 5 이전 버전의 기본 진법: 8진법. 그 결과, 8 반환.
ECMAScript 5 이상 버전의 기본 진법: 10진법. 그 결과, 10 반환.
parseInt() 구문
parseInt(string, radix)
[매개변수]
string
필수. 문자열 지정.
radix
선택. 사용할 진법 (= 숫자 체계) 가리키는 숫자. (2~36)
(예) 16 : 문자열로 된 숫자를 16 진수에서 10 진수로 구문 분석.
※ radix 매개변수 생략하면 JavaScript는 다음을 가정.
string이 "0x"로 시작 : 16진수.
string이 "0"으로 시작 : 8진수. (더 이상 사용 X.)
그 외 경우 : 10진수.
[반환값]
정수형의 숫자.
※ 문자열의 첫 번째 숫자만 숫자로 반환.
※ 첫 문자를 숫자로 변환할 수 없으면 NaN 반환.
parseInt() 예제 - 천자리 콤마 제거 후 연산
var a = "2,000";
var b = "3,000";
var sum = parseInt(a.replace(/,/gi, "")) + parseInt(b.replace(/,/gi, ""));
document.write(sum); // 5000
결과보기
cf. replace() 메서드 사용 안 한 경우
var a = "2,000";
var b = "3,000";
var sum = parseInt(a) + parseInt(b);
document.write(sum); // 5
결과보기
parseInt() 응용
if((parseInt(값) || 0) ==1) { ... }
값이 없거나 숫자형 아니면 숫자 0 반환.
BiHon 님 (200908) https://sir.kr/qa/376023
parseInt() 관련 주소
MDN parseInt
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/parseint