[ 자바스크립트 ] Math.ceil()

Math.floor() : 소수점 이하를 버림한다.
Math.ceil() : 소수점 이하를 올림한다.
Math.round() : 소수점 이하를 반올림한다.

ceiling의 사전적 의미.
1. 가격이나 임금 등의 최고 한도액. 최대 상한가.
2. 어떤 규칙에 의해서 설정된 최고 한도. An upper limit, especially as set by regulation.
3. 주어진 수보다 크거나 같은 최소 정수. The smallest integer greater than or equal to a given number.
4. 해당 숫자보다 작지 않은 정수들 중에서 가장 작은 수.

Math.ceil()의 기본적인 작성법은 아래와 같다.

Math.ceil( 12.34 ); 

또는 

Math[ "ceil" ]( 12.34 ); 

---

<button onclick="testing()"> 클릭하세요 </button>

<pre id="ceil1"> </pre>


<script type="text/javascript">

function testing (){ 

        var a = Math.ceil( 12.34 ); 
        var b = Math[ "ceil" ]( 12.34 ); 

        document.getElementById( "ceil1" ).innerHTML = a + " , " + b; 
} 
</script>

---

<button onclick="example()"> 클릭하세요 </button>

<pre id="ceil2"></pre>


<script type="text/javascript">

function example (){ 

        var a = Math.ceil( "3.4" ); 
        var b = Math.ceil( "3.5" ); 

        var c = Math.ceil( "3.41" ); 
        var d = Math.ceil( "3.49" ); 

        var e = Math.ceil( "34.41" ); 
        var f = Math.ceil( "34.49" ); 


        var str = "\n" + 
                "a = " + a + "\n" + 
                "b = " + b + "\n" + 
                "c = " + c + "\n"+ 
                "d = " + d + "\n" + 
                "e = " + e + "\n" + 
                "f = " + f + "\n"; 

        document.getElementById( "ceil2" ).innerHTML = str; 
} 
</script>

---

<button onclick="example()"> 클릭하세요 </button>

<pre id="ceil3"></pre>


<script type="text/javascript">

function example (){ 

        var a = Math.ceil( -3.4 ); 
        var b = Math.ceil( -3.5 ); 

        var c = Math.ceil( -3.41 ); 
        var d = Math.ceil( -3.49 ); 

        var e = Math.ceil( -34.41 ); 
        var f = Math.ceil( -34.49 ); 


        var str = "\n" + 
                "a = " + a + "\n" + 
                "b = " + b + "\n" + 
                "c = " + c + "\n"+ 
                "d = " + d + "\n" + 
                "e = " + e + "\n" + 
                "f = " + f + "\n"; 

        document.getElementById( "ceil3" ).innerHTML = str; 
} 
</script>

---

<button onclick="example()"> 클릭하세요 </button>

<pre id="ceil4"></pre>


<script type="text/javascript">

function example (){ 

        var a = Math.ceil( "034" ); 
        var b = Math.ceil( 034 ); 

        var c = Math.ceil( "0x34" ); 
        var d = Math.ceil( 0x34 ); 

        var e = Math.ceil( "3e4" ); 
        var f = Math.ceil( 3e4 ); 


        var str = "\n" + 
                "a = " + a + "\n" + 
                "b = " + b + "\n" + 
                "c = " + c + "\n"+ 
                "d = " + d + "\n" + 
                "e = " + e + "\n" + 
                "f = " + f + "\n"; 

        document.getElementById( "ceil4" ).innerHTML = str; 
} 
</script>

---

<button onclick="example()"> 클릭하세요 </button>

<pre id="ceil5"></pre>


<script type="text/javascript">

function example (){ 

        var a = Math.ceil( "0.50" ); 
        var b = Math.ceil( 0.50 ); 

        var c = Math.ceil( ".5" ); 
        var d = Math.ceil( .5 ); 

        var e = Math.ceil( "0.5" ); 
        var f = Math.ceil( 0.5 ); 

        var g = Math.ceil( "00.5" ); 

        var str = "\n" + 
                "a = " + a + "\n" + 
                "b = " + b + "\n" + 
                "c = " + c + "\n"+ 
                "d = " + d + "\n" + 
                "e = " + e + "\n" + 
                "f = " + f + "\n" + 
                "g = " + g + "\n"; 

        document.getElementById( "ceil5" ).innerHTML = str; 
} 
</script>

참고로,
아래와 같이 작성한 경우에는, 오류가 나온다.
var h = Math.ceil( 00.5 );

---

<button onclick="example()"> 클릭하세요 </button>

<pre id="ceil6"></pre>


<script type="text/javascript">

function example (){ 

        var a = Math.ceil( true ); 
        var b = Math.ceil( false ); 

        var c = Math.ceil( null ); 
        var d = Math.ceil( undefined ); 

        var e = Math.ceil( "" ); 


        var str = "\n" + 
                "a = " + a + "\n" + 
                "b = " + b + "\n" + 
                "c = " + c + "\n"+ 
                "d = " + d + "\n" + 
                "e = " + e + "\n"; 

        document.getElementById( "ceil6" ).innerHTML = str; 
} 
</script>

이 내용이 도움이 되셨다면, 아래의 하트 버튼을 눌러주세요. *^^*