자바스크립트 반올림, 올림, 버림

프로그램을 하다보면 모든 언어에서 산술 계산은 어디서든 필요한 경우가 많습니다.

자바스크립트도 마찬가지인데요.

오늘은 산술 계산을 하기위한 자바스크립트 반올림, 올림, 버림에 대해서 알아보겠습니다.

아래의 소스를 메모장이나 에디터플러스와 같은 편집기에 복사하셔서 브라우저에서 실행하시고 각각의 버튼을 클릭하여 기능을 확인하신 후 해당하는 작업에 응용해서 사용하시면 되겠네요...ㅎ

먼저 자바스크립트 부분 입니다.

<script type="text/javascript">
 <!--
 // 지정자리 반올림 (값, 자릿수)
 function Round(n, pos) {
  var digits = Math.pow(10, pos);

  var sign = 1;
  if (n < 0) {
   sign = -1;
  }

  // 음수이면 양수처리후 반올림 한 후 다시 음수처리
  n = n * sign;
  var num = Math.round(n * digits) / digits;
  num = num * sign;

  return num.toFixed(pos);
 }

 // 지정자리 버림 (값, 자릿수)
 function Floor(n, pos) {
  var digits = Math.pow(10, pos);

  var num = Math.floor(n * digits) / digits;

  return num.toFixed(pos);
 }

 // 지정자리 올림 (값, 자릿수)
 function Ceiling(n, pos) {
  var digits = Math.pow(10, pos);

  var num = Math.ceil(n * digits) / digits;

  return num.toFixed(pos);
 }

 function calcRound(){
  var i = document.getElementById("txtValue").value;
  document.getElementById("result").innerHTML = Round(i, 1) ;
 }
 function calcCeil(){
  var i = document.getElementById("txtValue").value;
  document.getElementById("result2").innerHTML = Floor(i, 1) ;
  alert(Floor(i, 1));
 }
 function calcFloor(){
  var i = document.getElementById("txtValue").value;
  document.getElementById("result3").innerHTML = Ceiling(i, 1) ;
 }
 //-->
 </script>



밑에는 자바스크립트를 실행하기 위한 버튼이 있는 body 영역에 들어갈 소스 입니다.

<input type="text" id="txtValue"> <br/><br/>
<button onclick="calcRound()">자바스크립트 반올림</button> 반올림 값 : <span id="result"></span> <br/>
<button onclick="calcCeil()">자바스크립트 버림</button> 버림 값 : <span id="result2"></span> <br/>
<button onclick="calcFloor()">자바스크립트 올림</button> 올림 값 : <span id="result3"></span>

이상으로 자바스크립트 반올림, 올림, 버림에 대해서 알아보았습니다.



오늘도 행복한 하루 되시길 바랍니다.^^