NEW ARTICLE
Syntax Error: Unexpected token in Vue component templateの解決方法
  1. HOME
  2. javascript
  3. javascript 少数の桁を指定して切り上げを行う

javascript 少数の桁を指定して切り上げを行う

javascript 少数の桁を指定して切り上げを行う

javascriptで、少数の桁を指定して切り上げを行うサンプルコードを掲載してます。ブラウザはchromeを使用しています。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 104.0.5112.101
Javascript サンプル集はこちら

少数の桁を指定して切り上げ

桁数を指定して切り上げる場合は、一度、変数を割り算してから「Math.ceil」を使用します。

'use strict';

const num = 1.23456

// 小数第1桁
console.log(Math.ceil(num*10)/10) // 1.3

// 小数第2桁
console.log(Math.ceil(num*100)/100) // 1.24

// 小数第3桁
console.log(Math.ceil(num*1000)/1000) // 1.235

// 小数第4桁
console.log(Math.ceil(num*10000)/10000)// 1.2346
use strictについてはこちら

切り捨てや四捨五入も同じように可能です。

切り捨て

const num = 1.23456

// 小数第1桁
console.log(Math.floor(num*10)/10) // 1.2

// 小数第2桁
console.log(Math.floor(num*100)/100) // 1.23

// 小数第3桁
console.log(Math.floor(num*1000)/1000) // 1.24

// 小数第4桁
console.log(Math.floor(num*10000)/10000)// 1.2345

四捨五入

const num = 1.23456

// 小数第1桁
console.log(Math.round(num*10)/10) // 1.2

// 小数第2桁
console.log(Math.round(num*100)/100) // 1.23

// 小数第3桁
console.log(Math.round(num*1000)/1000) // 1.235

// 小数第4桁
console.log(Math.round(num*10000)/10000)// 1.2346