티스토리 뷰

[JQUERY]자바스크립트

jQuery 012. parseInt(), 문자를 정수(숫자)로 바꾸기(형변환)

가산동 2018. 9. 15. 20:28

아래는 예제입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    
    <script>
        $(function(){       // jquery 시작
        
            var str = "10"; // 문자값
            
            var num = 5;    // 정수값
            
            document.write("str + num = " ,str + num ,"</br>");
            
            str = parseInt(str);  // 문자를 정수로 형변환
            
            document.write("str + num = " ,str + num ,"</br>");
            
        });
        
        
    </script>
</head>
    <body>
    </body>
</html>
cs


이번 예제는 문자를 숫자(정수)로 바꾸는 방법에 대해서 보겠습니다.


jquery 의 변수(var)에 대한 설명은 이전글 보기로 대체하겠습니다.

>> [[JQUERY]자바스크립트] - jQuery 001. 변수사용 var



예제를 나눠서 보겠습니다.


10
11
12
            var str = "10"; // 문자값
            
            var num = 5;    // 정수값
cs
먼저 str에 문자값 "10"을 대입하고, num에 숫자(정수)값 5를 대입했습니다.


14
            document.write("str + num = " ,str + num ,"</br>");
cs
여기까지의 결과를 예상 해보면 문자와 숫자의 덧셈이기 때문에 "105"가 출력될 것이다.


16
17
18
            str = parseInt(str);  // 문자를 정수로 형변환
            
            document.write("str + num = " ,str + num ,"</br>");
cs
라인 16에서 parseInt() 로 str 을 형변환 했다.

그리고 출력을 해보면 정수와 정수의 덧셈이기때문에 15가 출력이 될것이다.


아래는 결과 화면

 

글에서 사용된 어도비 브라켓 사용방법 링크

>> [[JQUERY]자바스크립트] - 어도비 브라켓(ADOBE Brackets) 설치하기

>> [[JQUERY]자바스크립트] - 어도비 브라켓(ADOBE Brackets) 설정하기

>> [[JQUERY]자바스크립트] - 어도비 브라켓(ADOBE Brackets) 제이쿼리(jquery) 연결하기



저작자표시 비영리 변경금지

'[JQUERY]자바스크립트' 카테고리의 다른 글

jQuery 014. Number() 문자를 숫자로 변환(jquery 형변환)  (0) 2018.09.28
jQuery 013. parseFloat() 문자를 실수(소수점)로 바꾸기(변형하기)  (0) 2018.09.16
jQuery 011. 클래스(class)  (0) 2018.09.12
jQuery 010. 함수 function ,매개변수(파라미터)  (0) 2018.09.11
jQuery 009. 함수 function  (0) 2018.09.10
댓글