티스토리 뷰

[JQUERY]자바스크립트

jQuery 014. Number() 문자를 숫자로 변환(jquery 형변환)

가산동 2018. 9. 28. 22:24
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
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    
    <script>
        $(function(){       // jquery 시작
            
            //문자 >> 정수
            var str1 = '10';
            document.write("str1+10 = ",str1+10,"</br>");
            document.write("Number(str1)+10 = ",Number(str1)+10,"</br>");
            
            //문자 >> 실수
            var str2 = '10.50';
            document.write("str2+10 = ",str1+10,"</br>");
            document.write("Number(str2)+10 = ",Number(str2)+10,"</br>");
            
        });
        
    </script>
</head>
    <body>
    </body>
</html>
cs

위는 Number()의 예제입니다.


아래는 결과 화면입니다. 소스코드 편집 도구는 어도비 브라켓을 사용했습니다.



일단 document.write()의 기능에 대해 생소할 수 있으니 아래 링크를 걸어두겠습니다.

>>[[JQUERY]자바스크립트] - jQuery 003. 출력기능 document.write()

지난 글에서 변수의 타입이 스트링일 경우 정수나, 실수 로 변환하는 예제를 올렸었는데 이번에 볼 Number()는

좀더 편하게 쓸 수 있는 기능입니다. 


지난번에 봤었던 parseInt() 와 parseFloat() 의 기능을 전부 사용 할 수있습니다. 

아래는 parseInt() 와 parseFloat() 예제의 링크입니다.


>>[[JQUERY]자바스크립트] - jQuery 012. parseInt(), 문자를 정수(숫자)로 바꾸기(형변환)

>>[[JQUERY]자바스크립트] - jQuery 012. parseFloat() 문자를 실수(소수점)로 바꾸기(변형하기)


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

10
11
12
13
            //문자 >> 정수
            var str1 = '10';
            document.write("str1+10 = ",str1+10,"</br>");
            document.write("Number(str1)+10 = ",Number(str1)+10,"</br>");
cs
먼저 문자를 정수로 변환해보겠습니다.


11번 라인에서 str1에 '10'을 대입했습니다. ''기호로 문자를 대입했기때문에 타입은 문자(string)입니다.

12번 라인에서 str1과 숫자 10을 더했습니다. 결과는 문자와 숫자의 덧셈결과인 1010 을 예상할 수 있습니다. 

13번 라인에서 Number()를 활용해 str1을 숫자로 변형해준 값에 숫자 10을 덧셈했습니다. 결과는 숫자와 숫자의 덧셈 연산인 20을 예상 할 수 있습니다.


15
16
17
18
            //문자 >> 실수
            var str2 = '10.50';
            document.write("str2+10 = ",str1+10,"</br>");
            document.write("Number(str2)+10 = ",Number(str2)+10,"</br>");
cs

16번 라인에서 str2에 실수 10.50 을 문자 형태로 대입했습니다.

17번 라인에서 str2와 숫자 10을 덧셈했습니다. 결과는 10.5010 이나왔습니다.

18번 라인에서 str2를 Number()로 형변환 한뒤에 숫자 10을 더했습니다. 결과는 20.5 가나왔습니다. 숫자이기 때문에 소숫점 뒷자리 10을 생략합니다.

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

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

jQuery 016. 16진수 숫자를 문자로 형변환 toString(16)  (0) 2018.09.29
jQuery 015. 숫자를 문자로 형변환 String()  (0) 2018.09.29
jQuery 013. parseFloat() 문자를 실수(소수점)로 바꾸기(변형하기)  (0) 2018.09.16
jQuery 012. parseInt(), 문자를 정수(숫자)로 바꾸기(형변환)  (0) 2018.09.15
jQuery 011. 클래스(class)  (0) 2018.09.12
댓글