티스토리 뷰

[JQUERY]자바스크립트

jQuery 017. 실수를 문자로 형변환, 반올림 toFixed()

가산동 2018. 10. 3. 17:50

아래는 예제와 실행화면입니다.

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 num = 10.555;
            alert(
                "num.toFixed(0) = "+num.toFixed(0)+"\n"+
                "num.toFixed(1) = "+num.toFixed(1)+"\n"+
                "num.toFixed(2) = "+num.toFixed(2)+"\n"+
                "num.toFixed(3) = "+num.toFixed(3)+"\n"
            );            
            
        });
        
    </script>
</head>
    <body>
    </body>
</html>
cs

이번 예제는 문자를 실수로 형변환하는 예제입니다. toFixed()는 단순하게 실수를 문자로 형변환 할때 사용하기도 하지만 반올림을 위해서 사용하기도 합니다.




예제를 좀더 자세히 보면서 설명을 덧붙이겠습니다.

11
            var num = 10.555;
cs

라인 11. num 에 10.555 를 대입합니다.


12
13
            alert(
                "num.toFixed(0) = "+num.toFixed(0)+"\n"+
cs

라인 12. alert()를 활용해 결과값을 출력합니다. 아래는 alert()의 설명 링크 입니다.

>>[[JQUERY]자바스크립트] - jQuery 002. 알림창 alert()

라인 13. 실수 num을 toFixed(0)을 활용해 출력합니다. 결과는 11 입니다. 

toFixed()는 파라미터로 소숫점 아래 숫자의 갯수를 받습니다. 0을 넘겨주었으니 소숫점 아래를 출력하지 않습니다. 

toFixed()는 반올림 합니다. 소숫점 아래의 값이 0.555이니 반올림이 발생합니다.


14
                "num.toFixed(1) = "+num.toFixed(1)+"\n"+
cs

라인 14. 라인13과 마찬가지로 toFied()를 활용해 num 을 출력합니다. 이번엔 파라미터값으로 1을 줬습니다.

소숫점 아래 1글자 만 출력을 원했으니 10.6을 출력합니다. 

소숫점 아래 1글자 뒤의 값이 0.055이니 반올림이 발생합니다.


15
                "num.toFixed(2) = "+num.toFixed(2)+"\n"+
cs

라인 15. 이번엔 파라미터 값으로 2를 줬습니다. 

소숫점 아래 2글자 뒤의 값은 0.005입니다. 5를 넘지 않으니 반올림이 발생하지 않습니다.


16
                "num.toFixed(3) = "+num.toFixed(3)+"\n"+
cs

라인 16. 파라미터 값으로 3을 줬습니다.

num 의 값이 10.555이니 소숫점아래 3글자 입니다. 파라미터 값으로 3을 줬으니 전부 출력하게됩니다. 

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

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

jQuery 019. css 변경하기 css()  (0) 2018.10.06
jQuery 018. jquery 선택자 (tag,id,class,name)  (0) 2018.10.03
jQuery 016. 16진수 숫자를 문자로 형변환 toString(16)  (0) 2018.09.29
jQuery 015. 숫자를 문자로 형변환 String()  (0) 2018.09.29
jQuery 014. Number() 문자를 숫자로 변환(jquery 형변환)  (0) 2018.09.28
댓글