数値の扱いと計算 — toFixed・四捨五入・0.1+0.2問題・Mathの実践ガイド

const count = 42; // 整数
const price = 19.99; // 小数
console.log(typeof count, typeof price); // "number" "number"

console.log(1 / 0); // Infinity（無限大）
console.log(-1 / 0); // -Infinity
console.log(Number('りんご')); // NaN（Not a Number：数値変換に失敗）
console.log(typeof NaN); // "number"（NaNの型はnumber）

Number('100'); // 100
Number('100.5'); // 100.5
Number('100px'); // NaN（全体が数値でない）
 
parseInt('100px', 10); // 100（先頭の数値だけ読む）
parseFloat('100.5px'); // 100.5
 
+'42'; // 42（単項プラス）

String(42); // "42"
(255).toString(16); // "ff"（16進数の文字列に）
`合計: ${1000}円`; // "合計: 1000円"

console.log(0.1 + 0.2); // 0.30000000000000004（！）
console.log(0.1 + 0.2 === 0.3); // false（！）

(0.1 + 0.2).toFixed(2); // "0.30"（文字列）
Number((0.1 + 0.2).toFixed(2)); // 0.3（数値に戻す場合）

const almostEqual = Math.abs(0.1 + 0.2 - 0.3) < Number.EPSILON;
console.log(almostEqual); // true

// ❌ 小数のまま足すと誤差が出る
const total = 0.1 + 0.2; // 0.30000000000000004
 
// ⭕ 整数（最小単位）で計算してから戻す
const totalCents = 10 + 20; // 30
const totalYen = totalCents / 100; // 0.3

(3.14159).toFixed(2); // "3.14"
(3).toFixed(2); // "3.00"（桁を揃えられる）
(2.5).toFixed(0); // "3"（四捨五入される。※環境差に注意）

(1234567).toLocaleString(); // "1,234,567"（3桁区切り）
 
(1234567).toLocaleString('ja-JP', {
  style: 'currency',
  currency: 'JPY',
}); // "￥1,234,567"

Number.isInteger(42); // true
Number.isInteger(42.5); // false
Number.isNaN(Number('x')); // true
Number.isFinite(1 / 0); // false（Infinityは有限でない）

Math.round(2.5); // 3
Math.floor(2.9); // 2
Math.ceil(2.1); // 3
Math.abs(-5); // 5
Math.max(3, 1, 4, 1, 5); // 5
Math.pow(2, 10); // 1024（2 ** 10 と同じ）

const scores = [82, 95, 70, 88];
 
Math.max(scores); // NaN（配列をそのまま渡すとダメ）
Math.max(...scores); // 95（スプレッドで展開）

// min 以上 max 以下のランダムな整数を返す
function randomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
 
randomInt(1, 6); // サイコロ（1〜6のいずれか）

NaN === NaN; // false（！）
Number.isNaN(NaN); // true（こちらを使う）

const a = (1.5).toFixed(1); // "1.5"（文字列）
a + 1; // "1.51"（数値の足し算ではなく連結！）
Number(a) + 1; // 2.5（数値に戻してから計算）

Math.floor(-1.5); // -2（より小さい整数へ）
Math.trunc(-1.5); // -1（小数部を捨てるだけ）

Number('12.3.4'); // NaN
parseInt('12.3.4', 10); // 12（最初の整数部分だけ）