[Global] JS - parseInt() 함수 ★ - 문자열에서 정수 추출/변환. (= parseInt함수 = 파스인트 함수)

1. parseInt() 예제 - 문자열에서 정수 추출/변환
2. parseInt() 정의
3. parseInt() 구문
4. parseInt() 예제 - 천자리 콤마 제거 후 연산
5. parseInt() 응용
6. 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