この記事のポイント
Math.floorメソッドは数値処理において重要な役割を果たします。特に初心者の方には理解しやすい内容から始めることが大切です。
- 小数点以下を切り捨てて整数値を取得する基本機能
- 負の数値に対しても正しく動作する数学的な床関数の実装
- 配列のインデックス計算や乱数生成での実用的な活用方法
これらのポイントを押さえることで、Math.floorメソッドを適切に使いこなすことができるようになります。
Math.floorメソッドとは？
Math.floorメソッドは、与えられた数値の小数点以下を切り捨てて、その数値以下の最大の整数を返すメソッドです。これは数学における床関数（floor function）の実装で、正の数では単純な小数点以下の切り捨て、負の数では絶対値が大きくなる方向への切り捨てを行います。
例えば、3.7は3に、-2.3は-3になります。Mathオブジェクトの静的メソッドとして提供されており、数値計算やデータ処理において頻繁に使用される機能です。
【関連】
JavaScriptをもっと詳しく学ぶならpaizaラーニング
基本構文
Math.floorメソッドの基本的な構文は非常にシンプルです。以下のコード例で基本的な使い方を確認できます。Math.floor()の括弧内に数値を渡すだけで切り捨て処理が実行されます。以下は正の数を4.9は4に切り捨てます。
// 基本的な正の数の切り捨て
let result1 = Math.floor(4.9);
console.log(result1);
出力結果
4
以下は負の数-2.1は-3に切り捨てます。
// 負の数の切り捨て
let result2 = Math.floor(-2.1);
console.log(result2);
出力結果
-3
実用例
実際のプログラミングにおいてMath.floorメソッドがどのように活用されるかを、具体的なコード例を通して学んでいきましょう。
以下に示すサンプルコードは、日常的な開発場面でよく遭遇する実用的な例です。各コード例では、Math.floorメソッドの特性を活かした効率的な処理方法を紹介します。それぞれのコードには詳細な説明と出力結果を含めているため、実際に動作させながら理解を深めることができます。
価格計算での切り捨て
消費税計算などで端数を切り捨てる際によく使用される例です。
let price = 1250;
let taxRate = 0.08;
let taxAmount = Math.floor(price * taxRate);
let total = price + taxAmount;
console.log(`商品価格: ${price}円`);
console.log(`消費税: ${taxAmount}円`);
console.log(`合計: ${total}円`);
出力結果
商品価格: 1250円
消費税: 100円
合計: 1350円
配列のランダム要素選択
配列からランダムに要素を選択する際のインデックス計算の例です。
let animals = ['イヌ', 'ネコ', 'ウサギ', 'ハムスター', 'インコ'];
let randomIndex = Math.floor(Math.random() * animals.length);
let selectedAnimal = animals[randomIndex];
console.log(`選ばれた動物: ${selectedAnimal}`);
console.log(`インデックス: ${randomIndex}`);
出力結果（例）
選ばれた動物: ウサギ
インデックス: 2
※実行ごとに出力結果は変わります
時間計算での単位変換
秒数を分数に変換する際の計算でMath.floorメソッドを活用する例です。
let totalSeconds = 185;
let minutes = Math.floor(totalSeconds / 60);
let remainingSeconds = totalSeconds % 60;
console.log(`合計秒数: ${totalSeconds}秒`);
console.log(`${minutes}分${remainingSeconds}秒`);
出力結果
合計秒数: 185秒
3分5秒
ページネーション計算
データの総数からページ数を計算する例です。
let totalItems = 47;
let itemsPerPage = 10;
let totalPages = Math.floor((totalItems - 1) / itemsPerPage) + 1;
let lastPageItems = totalItems - (totalPages - 1) * itemsPerPage;
console.log(`総アイテム数: ${totalItems}匹のサル`);
console.log(`総ページ数: ${totalPages}ページ`);
console.log(`最終ページのアイテム数: ${lastPageItems}匹`);
出力結果
総アイテム数: 47匹のサル
総ページ数: 5ページ
最終ページのアイテム数: 7匹
座標の整数化
画面上の座標をピクセル単位に合わせる例です。
let mouseX = 123.789;
let mouseY = 456.321;
let pixelX = Math.floor(mouseX);
let pixelY = Math.floor(mouseY);
console.log(`マウス座標: (${mouseX}, ${mouseY})`);
console.log(`ピクセル座標: (${pixelX}, ${pixelY}) キツネの位置`);
出力結果
マウス座標: (123.789, 456.321)
ピクセル座標: (123, 456) キツネの位置
進捗率の計算
作業の進捗を整数パーセントで表示する例です。
let completedTasks = 7;
let totalTasks = 12;
let progressRate = Math.floor((completedTasks / totalTasks) * 100);
console.log(`完了タスク: ${completedTasks}/${totalTasks}`);
console.log(`進捗率: ${progressRate}% (ビーバーの作業進度)`);
出力結果
完了タスク: 7/12
進捗率: 58% (ビーバーの作業進度)
バッテリー残量の表示
デバイスのバッテリー残量を段階的に表示する例です。
let batteryLevel = 0.847;
let batteryBars = Math.floor(batteryLevel * 5);
let batteryPercent = Math.floor(batteryLevel * 100);
console.log(`バッテリー残量: ${batteryPercent}%`);
console.log(`バッテリーバー: ${batteryBars}/5`);
出力結果
バッテリー残量: 84%
バッテリーバー: 4/5
割り算の商を求める計算
整数の割り算で商のみを求める例です。
let dividend = 29;
let divisor = 6;
let quotient = Math.floor(dividend / divisor);
let remainder = dividend % divisor;
console.log(`${dividend} ÷ ${divisor} = ${quotient} 余り ${remainder}`);
console.log(`トラのエサを${divisor}匹で分けると1匹あたり${quotient}個`);
出力結果
29 ÷ 6 = 4 余り 5
トラのエサを6匹で分けると1匹あたり4個
まとめ
Math.floorメソッドは、小数点以下を切り捨てる処理において欠かせないメソッドです。単純な数値処理から複雑なアプリケーション開発まで幅広く活用されています。
Math.floorメソッドの活躍する場面
- 価格計算や税額計算での端数処理において正確な金額算出を実現
- 配列操作やランダム処理でのインデックス計算による安全なデータアクセス
- 時間計算やページネーション処理での単位変換による使いやすいUI実装
重要なポイント
- Math.ceil()やMath.round()との違いを理解して適切なメソッドを選択
- 計算結果の整数化により予期しないエラーを防ぐ安全なプログラミング
- 数値以外の値やundefinedを渡した場合はNaNが返される
これらの知識を身につけることで、Math.floorメソッドを効果的に活用したプログラムを作成できるようになります。実際のコード作成時には、処理の目的に応じて適切な切り捨て方法を選択することが重要です。
レベルを更に上げたい方はpaizaプログラミングスキルチェックへ
