2.1 Date Objekt
Die Arbeit mit Daten und Zahlen ist ein wichtiger Teil der Entwicklung von Webanwendungen. JavaScript bietet eingebaute Objekte und Methoden zur Manipulation von Daten und Zahlen. In dieser Vorlesung schauen wir uns das Date Objekt, seine Methoden und Möglichkeiten zur Formatierung von Daten und Zahlen an.
Das Date Objekt in JavaScript repräsentiert ein Datum und eine Uhrzeit. Es hat viele Methoden, um mit Daten zu arbeiten, einschließlich Abrufen des aktuellen Datums und der Uhrzeit, Festlegen von Datum und Uhrzeit sowie Formatierung.
Erstellen eines Date Objekts
Date() Objekt ohne Parameter erstellst, enthält es
das aktuelle Datum und die aktuelle Uhrzeit — zum Zeitpunkt seiner Erstellung.
Ein Date Objekt kann auf mehrere Arten erstellt werden.
1. Aktuelles Datum und Uhrzeit:
const now = new Date();
console.log(now); // Gibt das aktuelle Datum und die Uhrzeit zurück
2. Festlegen eines bestimmten Datums und einer bestimmten Uhrzeit:
const specificDate = new Date('2024-07-07T10:00:00');
console.log(specificDate); // Gibt den 7. Juli 2024 zurück
3. Festlegen von Datum und Uhrzeit mit numerischen Werten:
const anotherDate = new Date(2024, 6, 7, 10, 0, 0);
console.log(anotherDate); // Gibt den 7. Juli 2024 zurück
2.2 Methoden des Date() Objekts
Erhalten von Datumsbestandteilen:
getFullYear(): Jahr (vier Ziffern) abrufengetMonth(): Monat (von 0 bis 11) abrufengetDate(): Tag des Monats (von 1 bis 31) abrufengetHours(): Stunden (von 0 bis 23) abrufengetMinutes(): Minuten (von 0 bis 59) abrufengetSeconds(): Sekunden (von 0 bis 59) abrufen
Beispiel:
const now = new Date();
console.log(now.getFullYear()); // Aktuelles Jahr
console.log(now.getMonth()); // Aktueller Monat (-1)
console.log(now.getDate()); // Aktueller Tag
console.log(now.getHours()); // Aktuelle Stunde
console.log(now.getMinutes()); // Aktuelle Minute
console.log(now.getSeconds()); // Aktuelle Sekunde
Festlegen von Datumsbestandteilen:
setFullYear(year): Jahr festlegensetMonth(month): Monat festlegensetDate(day): Tag des Monats festlegensetHours(hours): Stunden festlegensetMinutes(minutes): Minuten festlegensetSeconds(seconds): Sekunden festlegen
Beispiel:
const date = new Date();
date.setFullYear(2025);
date.setMonth(0); // Januar
date.setDate(15);
date.setHours(12);
date.setMinutes(30);
date.setSeconds(45);
console.log(date.toString());
2.3 Formatierung von Daten
JavaScript bietet Methoden zur Formatierung von Daten zu einem String. Die populärste Methode ist toLocaleDateString() zur Formatierung des Datums abhängig von der Lokalisierung.
Beispiel für die Nutzung von toLocaleDateString():
const now = new Date();
console.log(now.toLocaleDateString('en-US')); // "7/7/2024" (MM/DD/YYYY)
console.log(now.toLocaleDateString('en-GB')); // "07/07/2024" (DD/MM/YYYY)
console.log(now.toLocaleDateString('ru-RU')); // "07.07.2024" (DD.MM.YYYY)
Methode toLocaleTimeString()
Die Methode toLocaleTimeString() gibt die Zeit als String im lokalisierten Format zurück:
const now = new Date();
console.log(now.toLocaleTimeString('en-CA'));
console.log(now.toLocaleTimeString('en-GB'));
Methode toLocaleString()
Die Methode toLocaleString() gibt Datum und Zeit als String im lokalisierten Format zurück:
const now = new Date();
console.log(now.toLocaleString('en-CA'));
console.log(now.toLocaleString('en-GB'));
Methode toISOString()
Die Methode toISOString() gibt das Datum und die Uhrzeit im ISO 8601 Format zurück:
const now = new Date();
console.log(now.toISOString()); // "2023-07-05T10:00:00.000Z"
2.4 Formatierung von Zahlen
Methode toLocaleString()
Die Methode toLocaleString() ermöglicht die Formatierung von Zahlen gemäß den lokalen Einstellungen:
const number = 1234567.89;
console.log(number.toLocaleString()); // "1,234,567.89" im US-Format oder "1 234 567,89" im lokalen Format
console.log(number.toLocaleString('de-DE')); // "1.234.567,89" im deutschen Format
Formatierung von Zahlen mit Intl.NumberFormat
Der Intl.NumberFormat Konstruktor bietet noch flexiblere Möglichkeiten zur Formatierung von Zahlen:
const number = 1234567.89;
const usFormatter = new Intl.NumberFormat('en-US');
console.log(usFormatter.format(number)); // "1,234,567.89"
const deFormatter = new Intl.NumberFormat('de-DE');
console.log(deFormatter.format(number)); // "1.234.567,89"
const customFormatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD'
});
console.log(customFormatter.format(number)); // "$1,234,567.89"
GO TO FULL VERSION