티스토리 뷰

[JQUERY]자바스크립트

jQuery 013. parseFloat() 문자를 실수(소수점)로 바꾸기(변형하기)

가산동 2018. 9. 16. 00:12

아래는 예제 입니다.

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
<!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.50";  // 문자값
            var num = 5;        // 정수값
            
            //parseInt()
            document.write("str + num = " ,parseInt(str) + num ,"</br>");
            
            //parseFloat()
            document.write("str + num = " ,parseFloat(str) + num ,"</br>");
            
        });
        
    </script>
</head>
    <body>
    </body>
</html>
cs

"10.50" 라는 문자값을 parseInt() ,parseFloat()을 사용하여 변형해보았습니다.

pasreInt()에 대한 설명은 이전글에서 확인하세요. 아래는 링크입니다.

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



예제를 나눠서 설명을하면,


10
11
            var str = "10.50";  // 문자값
            var num = 5;        // 정수값
cs
str에 "10.50" 이라는 문자값을 대입하고, num에는 숫자 5를 대입했습니다.


13
14
            //parseInt()
            document.write("str + num = " ,parseInt(str) + num ,"</br>");
cs
parseInt()를 사용하여 num 과 parseInt(str) 값을 더해서 출력 해보겠습니다.

결과 화면을 보시면 알 수 있겠지만 parseInt()는 소숫점 아래 값은 버립니다. 


document.write의 설명은 아래링크를 참조하세요

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


16
17
            //parseFloat()
            document.write("str + num = " ,parseFloat(str) + num ,"</br>");
cs
이번엔 같은 방식으로 parseFloat()을 사용해서 num과 더한값을 출력해보겠습니다.

결과 화면을 보면 소숫점까지 더하는것을 확인 할 수 있습니다. 


아래는 결과 화면입니다.


이글에서 사용된 코딩 튤 어도비 브라켓의 설치 및 이용 방법입니다.

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

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

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


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

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

jQuery 015. 숫자를 문자로 형변환 String()  (0) 2018.09.29
jQuery 014. Number() 문자를 숫자로 변환(jquery 형변환)  (0) 2018.09.28
jQuery 012. parseInt(), 문자를 정수(숫자)로 바꾸기(형변환)  (0) 2018.09.15
jQuery 011. 클래스(class)  (0) 2018.09.12
jQuery 010. 함수 function ,매개변수(파라미터)  (0) 2018.09.11
댓글