数値 — 整数と浮動小数点数、Mathの基礎
整数と浮動小数点数の違い、よく使うMathのヘルパー、安全な丸め、パース、浮動小数点数の比較を理解します。
「数値 — 整数と浮動小数点数、Mathの基礎」はCoddyKit上の無料JavaScript Academyレッスンです。 これはレッスン2/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavaScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 JavaScript Academyコースには全3レッスンが含まれています。
数値の導入
目標: 数値を安全に扱えるようになることです。
- 整数と浮動小数点数
- Mathのヘルパー
- 丸めと解析
- 浮動小数点数の比較のヒント
整数の確認
Number.isIntegerは、数値が整数かどうかを判定します。すべての数値の型はnumberです。
// Integers and floats
const a = 5;
const b = 5.5;
console.log("a integer?", Number.isInteger(a));
console.log("b integer?", Number.isInteger(b));
console.log("type of a:", typeof a);
浮動小数点数の精度
浮動小数点数は不正確になる場合があります。厳密な等価比較の代わりに、小さな許容誤差を使って比較します。
// Floating point has tiny precision errors
const x = 0.1 + 0.2;
console.log("0.1 + 0.2 =", x);
console.log("Equals 0.3?", x === 0.3);
// Compare with a small tolerance (epsilon)
const isClose = Math.abs(x - 0.3) < Number.EPSILON;
console.log("Close to 0.3?", isClose);
丸めの基本
round、floor、ceilは整数を返します。toFixedは、小数点以下の桁数が固定された文字列を返します。
// Rounding helpers
const value = 4.6;
console.log("round:", Math.round(value));
console.log("floor:", Math.floor(value));
console.log("ceil:", Math.ceil(value));
// toFixed returns a string
console.log("toFixed(2):", value.toFixed(2));
数値の解析
完全な数値文字列にはNumber(x)を使用します。先頭の数字を読み取る場合はparseIntを使い、基数を渡します。
// Parsing numbers from strings
console.log("Number(42):", Number("42"));
console.log("parseInt 42px:", parseInt("42px", 10));
console.log("Number 42px:", Number("42px"));
// Always pass radix to parseInt for clarity
console.log("parseInt 0xFF:", parseInt("0xFF", 16));
Mathのヘルパー
min/maxを使用し、ネストした呼び出しで値をクランプし、単純なランダム整数にはMath.randomを使用します。
// Handy Math helpers
const score = 105;
const minScore = Math.min(50, 80, 30);
const maxScore = Math.max(50, 80, 30);
// Clamp score to 0..100
const clamped = Math.min(100, Math.max(0, score));
// Random integer in [0, 9]
const rand = Math.floor(Math.random() * 10);
console.log("min:", minScore);
console.log("max:", maxScore);
console.log("clamped:", clamped);
console.log("rand 0-9:", rand);
整数の確認クイズ
クイックチェック: 型変換を行わずに整数を判定する方法
まとめ
まとめ: 整数を確認し、許容誤差で浮動小数点数の精度を扱い、値を丸め、安全に解析し、min/max、クランプ、乱数を使用しました。
よくある質問
「数値 — 整数と浮動小数点数、Mathの基礎」レッスンは無料ですか？
はい。「数値 — 整数と浮動小数点数、Mathの基礎」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、JavaScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 JavaScript Academyコースには全3レッスンが含まれています。
「数値 — 整数と浮動小数点数、Mathの基礎」で何を学びますか？
整数と浮動小数点数の違い、よく使うMathのヘルパー、安全な丸め、パース、浮動小数点数の比較を理解します。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
JavaScript Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavaScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/3です。
「数値 — 整数と浮動小数点数、Mathの基礎」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavaScript Academyレッスンでコードを書いて実行できますか？
はい。すべてのJavaScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- テンプレートリテラルとよく使う文字列操作
- 数値 — 整数と浮動小数点数、Mathの基礎
- 日付 — 基礎、タイムゾーン、Intl.DateTimeFormat