0Pricing
JavaScript Academy · Lektion

Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen

Ganzzahlen und Gleitkommazahlen verstehen, gängige Math-Hilfsfunktionen verwenden, sicher runden und parsen sowie Gleitkommazahlen vergleichen

Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Einführung in Zahlen

Ziel: Behandeln Sie Zahlen sicher.

  • Ganzzahlen und Gleitkommazahlen
  • Math-Hilfsfunktionen
  • Runden und Parsen
  • Tipps zum Vergleichen von Gleitkommazahlen
Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 1

Ganzzahlprüfung

Number.isInteger zeigt an, ob ein numerischer Wert eine Ganzzahl ist. Alle Zahlen haben denselben Typ "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);
Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 2

Genauigkeit von Gleitkommazahlen

Gleitkommazahlen können ungenau sein. Vergleichen Sie sie mit einer kleinen Toleranz statt auf strikte Gleichheit zu prüfen.

// 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);
Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 3

Grundlagen des Rundens

round, floor und ceil geben Ganzzahlen zurück; toFixed gibt einen String mit einer festen Anzahl von Dezimalstellen zurück.

// 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));
Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 4

Zahlen parsen

Verwenden Sie Number(x) für vollständige numerische Strings; verwenden Sie parseInt für führende Ziffern und geben Sie eine Basis an.

// 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));
Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 5

Math-Hilfsfunktionen

Verwenden Sie min/max, begrenzen Sie Werte mit verschachtelten Aufrufen und verwenden Sie Math.random für einfache Zufallszahlen.

// 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);
Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 6

Quiz zur Ganzzahlprüfung

Schnelltest: Ganzzahlprüfung ohne Typumwandlung.

Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 7

Zusammenfassung

Zusammenfassung: Sie haben Ganzzahlen geprüft, die Genauigkeit von Gleitkommazahlen mit einer Toleranz behandelt, Werte gerundet und sicher geparst sowie min/max, clamp und random verwendet.

Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen“ kostenlos?

Ja — der vollständige Text von „Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Was lerne ich in „Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen“?

Ganzzahlen und Gleitkommazahlen verstehen, gängige Math-Hilfsfunktionen verwenden, sicher runden und parsen sowie Gleitkommazahlen vergleichen Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 3.

Wie lange dauert die Lektion „Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Template-Literale und gängige String-Operationen
  2. Zahlen – Ganzzahlen vs. Gleitkommazahlen und Math-Grundlagen
  3. Datumswerte – Grundlagen, Zeitzonen, Intl.DateTimeFormat
← Zurück zu JavaScript Academy