Úvod do dat a časů v JavaScriptu

Práce s daty je důležitým aspektem programování. Vestavěný objekt data se používá k práci s daty a časy v JavaScriptu. Různé metody objektu date značně usnadňují práci s daty a časy.

V tomto článku se dozvíte vše, co potřebujete vědět o práci s daty v JavaScriptu. Takže, bez dalších řečí, pojďme dovnitř.

Jak vytvořit datové objekty

Objekt data můžete vytvořit v JavaScriptu následujícími čtyřmi způsoby:

1. nové datum()

The nové datum () konstruktor vytvoří objekt data s aktuálním datem a časem.

nech d = new Date();
console.log (d);

Výstup:

Pon. leden 03 2022 20:27:58 GMT+0530 (indický standardní čas)

2. nové datum (datový řetězec)

The nové datum (datový řetězec) konstruktor vytvoří objekt data z řetězce data.

let d = new Date("2022-01-01");
console.log (d);

Výstup:

So 01.01.2022 05:30:00 GMT+0530 (indický standardní čas)

3. nové datum (milisekundy)

The nové datum (milisekundy) konstruktor vytvoří objekt data přidáním milisekund k nulovému času. Parametr představuje čas v milisekundách uplynulý od 1. ledna 1970 UTC.

let d1 = nové Datum (0);
console.log (d1);
let d2 = nové Datum (973436457364);
console.log (d2);

Výstup:

Čt 1. ledna 1970 05:30:00 GMT+0530 (indický standardní čas)
Ne 5. listopadu 2000 20:30:57 GMT+0530 (indický standardní čas)

4. nové datum (rok, měsíc, den, hodiny, minuty, sekundy, milisekundy)

The nové datum (rok, měsíc, den, hodiny, minuty, sekundy, milisekundy) konstruktor vytvoří objekt data se zadaným datem a časem. Těchto sedm parametrů určuje rok, měsíc, den, hodiny, minuty, sekundy a milisekundy.

let d = nové datum (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Výstup:

St 11. listopadu 2020 15:29:46 GMT+0530 (indický standardní čas)

Můžete také vytvořit objekt data se šesti, čtyřmi, třemi nebo dvěma parametry.

a) Těchto šest parametrů určuje rok, měsíc, den, hodinu, minutu a sekundu.

b) Pět parametrů určuje rok, měsíc, den, hodinu a minutu.

c) Čtyři parametry určují rok, měsíc, den a hodinu.

d) Tyto tři parametry určují rok, měsíc a den.

e) Dva parametry určují rok a měsíc.

Poznámka:

• JavaScript počítá měsíce od 0 do 11, tj. leden je reprezentován 0 a prosinec je reprezentován 11.
• Pokud v objektu Date zadáte hodnoty mimo rozsah, nevyvolá místo toho chybu, ale automaticky se opraví.

// Březen nemá 40 dní, přetečení je automaticky opraveno
let d = nové datum (2020, 2, 40);
console.log (d);

Výstup:

Čt 9. dubna 2020 00:00:00 GMT+0530 (indický standardní čas)

Metody získání data JavaScriptu

K získání informací z objektu data můžete použít následující metody.

1. getFullYear()

Tato metoda vrací rok jako čtyřmístné číslo (yyyy) podle místního času.

nech d = new Date();
console.log (d.getFullYear());

Výstup:

2022

2. getMonth()

Tato metoda vrací měsíc jako číslo (0-11) podle místního času.

nech d = new Date();
console.log (d.getMonth());

Výstup:

0

3. getDate()

Tato metoda vrací den jako číslo (1-31) podle místního času.

nech d = new Date();
console.log (d.getDate());

Výstup:

3

Příbuzný: Úvod do datových typů v JavaScriptu

4. getHours()

Tato metoda vrací hodinu (0-23) podle místního času.

nech d = new Date();
console.log (d.getHours());

Výstup:

22

5. getMinutes()

Tato metoda vrací minuty (0-59) podle místního času.

nech d = new Date();
console.log (d.getMinutes());

Výstup:

40

6. getSeconds()

Tato metoda vrací sekundu (0-59) podle místního času.

nech d = new Date();
console.log (d.getSeconds());

Výstup:

30

7. getMilliseconds()

Tato metoda vrací milisekundu (0-999) podle místního času.

nech d = new Date();
console.log (d.getMilliseconds());

Výstup:

55

Příbuzný: JavaScript One-Liners, které byste měli vědět

8. getTime()

Tato metoda vrací čas v milisekundách od 1. ledna 1970.

nech d = new Date();
console.log (d.getTime());

Výstup:

1641230088884

9. getDay()

Tato metoda vrací den v týdnu jako číslo (0-6) podle místního času.

nech d = new Date();
console.log (d.getDay());

Výstup:

1

Poznámka: Pokud chcete pracovat s daty UTC, můžete použít následující metody data: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), a getUTCSeconds().

Metody nastavení data JavaScriptu

K nastavení části objektu data můžete použít následující metody.

1. setDate()

Tato metoda nastaví den jako číslo (1-31) pro zadané datum podle místního času.

nech d = new Date();
d.setDate (20);
console.log (d);

Výstup:

Čt 20. ledna 2022 22:58:59 GMT+0530 (indický standardní čas)

Příbuzný: Matematické metody JavaScriptu, které byste měli zvládnout ještě dnes

2. setFullYear()

Tato metoda nastavuje rok pro zadané datum podle místního času.

nech d = new Date();
d.setFullYear (2016);
console.log (d);

Výstup:

Ne 3. ledna 2016 23:00:41 GMT+0530 (indický standardní čas)

3. setHours()

Tato metoda nastavuje hodinu (0-23) pro zadané datum podle místního času.

nech d = new Date();
d.setHours (15);
console.log (d);

Výstup:

Po 3. ledna 2022 15:02:01 GMT+0530 (indický standardní čas)

Příbuzný: Jak vytvořit jednoduchou kalkulačku pomocí HTML, CSS a JavaScriptu

4. setMilliseconds()

Tato metoda nastavuje milisekundy (0-999) pro zadané datum podle místního času.

nech d = new Date();
d.setMilliseconds (548);
console.log (d);

Výstup:

Po 3. ledna 2022 23:04:13 GMT+0530 (indický standardní čas)

Podobně můžete použít setMinutes(), setMonth(), a setSeconds() metody pro nastavení minut (0-59), měsíce (0-11) a sekund (0-59) pro zadané datum podle místního času.

Příklad aktuálního času JavaScriptu

Jednoduchý příklad pro tisk aktuálního času systému:

Pokud se chcete podívat na úplný zdrojový kód použitý v tomto článku, zde je úložiště GitHub.​​​​​​​

Vyvíjejte projekty využívající datové koncepty JavaScriptu

Při práci na aplikacích v reálném světě se setkáte s mnoha instancemi dat JavaScriptu. Pokud chcete začít s jednoduchým projektem a získat praktické zkušenosti, můžete vyvinout digitální hodiny pomocí HTML, CSS a JavaScriptu. Spolu s daty se také naučíte některé důležité koncepty JavaScriptu, jako je práce s proměnnými, používání funkcí, přístup a přidávání vlastností do DOM a další.

Jak vytvořit digitální hodiny pomocí HTML, CSS a JavaScriptu

Kódujete, dokud vás cvrlikání ptáků neoznámí, že je ráno? Sledujte čas pomocí těchto vlastních hodin.

Přečtěte si další

O autorovi