자바스크립트 정리 - 반올림,천단위,자리수 지정

반응형

---

웹 페이지로 계산식을 만드는 작업을 하다가 참고한 내용들을 한군데 정리해 봅니다.

 

- 소수점 처리​

Math.ceil() //소수점 올림, 정수 반환 

  ex1) num1 = Math.ceil(123.123); // num1 = 124
  ex2) num2 = Math.ceil(123.923); // num2 = 124


Math.floor() //소수점 버림, 정수 반환

  ex1) num1 = Math.floor(123.123); // num1 = 123
  ex2) num2 = Math.floor(123.923); // num2 = 123


Math.round() //소수점 반올림, 정수 반환

  ex1) num1 = Math.round(123.123); // num1 = 123
  ex2) num2 = Math.round(123.923); // num2 = 124

 

​

-정수 자리수 지정

* Math 함수는 정수부분 자리수를 지정하여 올리거나 내릴 수 없어 계산하여 사용.
* 해당 자리수 기준으로 올림을 하려면 ceil,
 버림하려면 floor,
 반올림하려면 round 사용


*지정 자리수 기준 올림

  ex1) width1 = Math.ceil(121.123) / 10) * 10;
        //십의 자리 기준 width1 --> 130

  ex2) width2 = Math.ceil(129.123) / 100) * 100;
        //백의 자리 기준 width2 --> 200


*지정 자리수 기준 버림

  ex1) width = Math.floor(121.123) / 10) * 10;
          //십의 자리 기준 width --> 120
  ex2) width = Math.floor(129.923) / 100) * 100;
          //백의 자리 기준 width --> 100


*지정 자리수 기준 반올림

  ex1) width = Math.round(121.123) / 10) * 10;
          //십의 자리 기준 width --> 120

 

​-숫자 천단위 "," 표시

<script>
  변환할값.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
</script>


  ex) tot_price = price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
       // price 값이 10000 이면 tot_price 값은 10,000 으로 콤마 추가되어 저장됨

 

---