【JavaScript】四捨五入の方法｜Math.round・toFixed・小数桁数指定・浮動小数点の誤差対策・切り捨て / 切り上げとの比較まで解説

console.log(Math.round(4.5));  // 5（切り上げ）
console.log(Math.round(4.4));  // 4（切り捨て）
console.log(Math.round(4.51)); // 5
console.log(Math.round(-4.5)); // -4（0 に近い方）
console.log(Math.round(-4.6)); // -5

function roundTo(num, decimals) {
  const factor = 10 ** decimals;
  return Math.round(num * factor) / factor;
}

// 小数第1位
console.log(roundTo(3.14159, 1)); // 3.1

// 小数第2位
console.log(roundTo(3.14159, 2)); // 3.14

// 小数第3位
console.log(roundTo(3.14159, 3)); // 3.142

// 整数（小数第0位）
console.log(roundTo(3.14159, 0)); // 3

// 10の位で四捨五入
console.log(Math.round(1234 / 10) * 10);   // 1230

// 100の位で四捨五入
console.log(Math.round(1234 / 100) * 100);  // 1200

// 汎用関数（負の decimals で大きい桁に対応）
function roundTo(num, decimals) {
  const factor = 10 ** decimals;
  return Math.round(num * factor) / factor;
}
console.log(roundTo(1234, -1)); // 1230
console.log(roundTo(1234, -2)); // 1200

const num = 3.14159;

console.log(num.toFixed(0)); // "3"
console.log(num.toFixed(1)); // "3.1"
console.log(num.toFixed(2)); // "3.14"
console.log(num.toFixed(5)); // "3.14159"

const str = (3.14159).toFixed(2); // "3.14"（文字列）

// 数値に変換
const num1 = Number(str);       // 3.14
const num2 = parseFloat(str);   // 3.14
const num3 = +str;              // 3.14（単項+演算子）

// 期待値: 1.01 だが....
console.log(Math.round(1.005 * 100) / 100); // 1（= 1.00）
console.log((1.005).toFixed(2));              // "1.00"

// 原因: 1.005 * 100 が 100.49999... になる
console.log(1.005 * 100); // 100.49999999999999

function roundFixed(num, decimals) {
  const factor = 10 ** decimals;
  return Math.round((num + Number.EPSILON) * factor) / factor;
}

console.log(roundFixed(1.005, 2)); // 1.01（正しい）
console.log(roundFixed(2.675, 2)); // 2.68（正しい）
console.log(roundFixed(3.14159, 2)); // 3.14

function roundPrecise(num, decimals) {
  return Number(
    Math.round(parseFloat(num + "e" + decimals)) + "e-" + decimals
  );
}

console.log(roundPrecise(1.005, 2)); // 1.01
console.log(roundPrecise(2.675, 2)); // 2.68

// 小数第2位で切り捨て
function floorTo(num, decimals) {
  const factor = 10 ** decimals;
  return Math.floor(num * factor) / factor;
}
console.log(floorTo(3.149, 2)); // 3.14

// 小数第2位で切り上げ
function ceilTo(num, decimals) {
  const factor = 10 ** decimals;
  return Math.ceil(num * factor) / factor;
}
console.log(ceilTo(3.141, 2)); // 3.15

// 日本円（小数なし）
const jpyFmt = new Intl.NumberFormat("ja-JP", {
  style: "currency", currency: "JPY"
});
console.log(jpyFmt.format(1234567)); // "￥1,234,567"

// USドル（小数2桁）
const usdFmt = new Intl.NumberFormat("en-US", {
  style: "currency", currency: "USD"
});
console.log(usdFmt.format(1234.567)); // "$1,234.57"（自動で四捨五入）

// カンマ区切り（通貨記号なし）
const numFmt = new Intl.NumberFormat("ja-JP");
console.log(numFmt.format(1234567)); // "1,234,567"

function calcTaxIncluded(price, taxRate = 0.10) {
  return Math.round(price * (1 + taxRate));
}

console.log(calcTaxIncluded(980));  // 1078
console.log(calcTaxIncluded(1500)); // 1650
console.log(calcTaxIncluded(299));  // 329

function formatPercent(value, total, decimals = 1) {
  if (total === 0) return "0%";
  const pct = (value / total) * 100;
  return roundFixed(pct, decimals) + "%";
}

console.log(formatPercent(3, 7));    // "42.9%"
console.log(formatPercent(15, 20));  // "75%"

// 価格表示: 常に小数2桁
function formatPrice(price) {
  return price.toFixed(2);
}

console.log(formatPrice(12));      // "12.00"
console.log(formatPrice(12.5));    // "12.50"
console.log(formatPrice(12.999)); // "13.00"