Un ghid cuprinzător despre obiectul date în TypeScript

Un Ghid Cuprinzator Despre Obiectul Date In Typescript



TypeScript este supersetul JavaScript care vine cu toate funcționalitățile JavaScript, precum și cu cele noi. Are aproape toate metodele și proprietățile încorporate ale JavaScript pentru a efectua diverse funcționalități. Funcționarea tuturor acestor metode, proprietăți și obiecte este aceeași în TypeScript. Deci, utilizatorul poate folosi oricare dintre obiectele JavaScript ca obiect TypeScript conform cerințelor.

Această postare ilustrează scopul, utilizarea și implementarea practică a obiectului Date în TypeScript.

Ce este un obiect Date în TypeScript?

Data ” obiect denotă data și ora. Acest obiect tipărește în mod implicit data și ora sistemului local. De asemenea, permite utilizatorilor să seteze o anumită dată și oră (inclusiv fusul orar) a sistemului dvs. cu ajutorul metodelor sale predefinite.







Sintaxă



lasa data = nou Data ( aaaa, mm, zz )

În sintaxa de mai sus, cuvântul cheie „nou” creează un obiect „Dată” după formatul de dată specificat (aaaa (an), mm (lună), zz (data)).



Să începem cu crearea obiectului „Date”.





Cum se creează un obiect dată în TypeScript?

Data ” este un obiect dinamic care poate fi implementat în diferite moduri pentru a obține data și ora conform cerințelor. Această secțiune conține toate metodele posibile pentru a crea un obiect „Date” pentru obținerea datei și orei specificate.

Să mergem mai departe cu prima metodă.



Metoda 1: data noua()

În mod implicit, dacă nu se transmite nicio valoare în constructorul „Date()”, acesta returnează data și ora sistemului utilizatorului:

lasa data = nou Data ( ) ;

consolă. Buturuga ( 'Data = ' + Data ) ;

În codul de mai sus:

  • Data variabila „ creează un „ Data ” folosind cuvântul cheie „new” și constructorul „Date()”.
  • console.log() ” afișează valoarea variabilei „date”, adică data și ora curente cu instrucțiunea specificată.

Ieșire

Compilați „ .ts ” folosind compilatorul „tsc” și rulați fișierul compilat generat având „ .js ” cu ajutorul comenzii „node”:

tsc principal. ts

nodul principal. js

Aici, terminalul arată data și ora sistemului utilizatorului, precum și fusul orar.

Metoda 2: nouă dată (milisecunde)

„New Date(milisecunde)” creează un obiect Date care calculează data și ora de la „0” la numărul de milisecunde specificat:

lasa data = nou Data ( 6112346789 ) ;

consolă. Buturuga ( 'Data = ' + Data ) ;

Aici, constructorul specifică numărul de milisecunde ca parametru.

Ieșire

nodul principal. js

Data și ora afișate mai sus sunt de la „0” la „6112346789” milisecunde.

Metoda 3: data noua ('datastring')

Această metodă ia data specificată în format „aa-mm-zz” ca șir și o afișează ca dată nouă:

lasa data = nou Data ( „2016-02-18” ) ;

consolă. Buturuga ( 'Data = ' + Data ) ;

Aici, obiectul „Date” ia data specificată ca un șir cuprins între ghilimele duble.

Ieșire

nodul principal. js

Terminalul arată obiectul Date nou creat.

Metoda 4: data nouă (an, lună, dată, oră, minut, secundă, milisecundă):

Ultima metodă permite utilizatorilor să creeze un nou obiect Date conform datei și orei specificate pe baza formatului „(aa, mm, dd, hh, min, sec, milisecunde)”:

lasa data = nou Data ( 2015 , 3 , 2 , 14 , douăzeci , 30 , 9 ) ;

consolă. Buturuga ( 'Data = ' + Data ) ;

În codul de mai sus, data și ora sunt specificate în conformitate cu formatul declarat.

Ieșire

nodul principal. js

Ieșirea creează un nou obiect care afișează data și ora specificate pe baza formatului dat.

Care sunt metodele și proprietățile obiectului Date în TypeScript?

Data ” obiectul vine cu o gamă largă de metode și proprietăți care sunt enumerate mai jos:

Proprietăți ale obiectului data

prototip Ajută la adăugarea de proprietăți și metode la obiectul Date.
constructor Este folosit ca o funcție care creează prototipul obiectului.

Obțineți și setați metode pentru obiectul de dată

getMonth() Returnează luna specificată în dată pe baza datei locale.
getFullYear() Afișează anul dat în funcție de ora locală.
getMinutes() Specifică minutele de la data anume.
getMillisecunde() Oferă milisecundele de la data dată.
getSeconds() Oferă numărul de secunde în funcție de data specificată.
Seteaza data() Setează ziua/data lunii pentru data anume pe baza orei locale.
setHours() Specifică orele dorite pentru dată.
setMinutes() Acesta stabilește minutele pentru data specificată.
setSeconds() Setează numărul de secunde în funcție de ora locală.
setYear() Setează anul necesar pe baza orei locale.

Pentru mai multe metode, urmați tutorialul oferit „ Data Metode de referință ”.

Cum se utilizează Data Object în TypeScript?

Deoarece secțiunea de mai sus definește o listă de metode de obiect „Date”. Să folosim obiectul Date cu aceste metode pentru a explica implementarea sa practică.

Exemplul 1: Setați o anumită dată, lună și an

Acest exemplu folosește metodele „Date” „setdate()”, „setMonth()” și „setFullYear()” pentru a seta data specificată.

Cod

Copiați aceste linii de cod în fișierul „.ts”:

lasa data : Data = nou Data ( ) ;

Data. Seteaza data ( 5 ) ;

Data. setMonth ( unsprezece ) ;

Data. setFullYear ( 2014 ) ;

consolă. Buturuga ( 'An = ' + Data. getFullYear ( ) ) ;

consolă. Buturuga ( 'Data = ' + Data. getDate ( ) ) ;

consolă. Buturuga ( 'Luna = ' + Data. getMonth ( ) )

consolă. Buturuga ( ' Data noua = ' + Data ) ;

În rândurile de cod de mai sus:

  • Mai întâi, creați un „ Data ” cu ajutorul cuvântului cheie „new” și al constructorului „Date()” stocat în variabila „date”.
  • Apoi, asociați variabila „data” cu metodele specificate una câte una. „ Seteaza data() ” metoda setează Data lunii, „ setMonth() ” setează luna, iar ” setFullYear() ” metoda stabilește anul.
  • După aceea, afișați noua dată cu ajutorul metodei „console.log()” folosind „ getFullYear() ”, “ getDate() ', și ' getMonth() ” metode.

Ieșire

nodul principal. js

În rezultat se vede că obiectul Date returnează data, luna și anul nou setate.

Exemplul 2: Setați anumite ore, minute și secunde

Acest exemplu utilizează metodele „setHours()”, „setMinutes()” și „setSeconds()” ale obiectului Date pentru a seta ora dorită:

lasa data : Data = nou Data ( ) ;

Data. setHours ( 8 ) ;

Data. setMinutes ( 12 ) ;

Data. setSeconds ( douăzeci ) ;

consolă. Buturuga ( 'Ore = ' + Data. getHours ( ) ) ;

consolă. Buturuga ( 'Minute = ' + Data. getMinutes ( ) ) ;

consolă. Buturuga ( 'Secunde = ' + Data. getSeconds ( ) ) ;

consolă. Buturuga ( 'Data și ora = ' + Data ) ;

Conform fragmentului de cod de mai sus:

  • setHours() „metoda setează numărul de ore, „ setMinutes() ” setează minutele și ” setSeconds() ” metoda setează numărul de secunde, respectiv.
  • getHours() ”, “ getMinutes() ', și ' getSeconds() ” Metodele returnează orele, minutele și secundele nou setate ca timp.

Ieșire

nodul principal. js

Ieșirea arată noua oră setata folosind metodele obiectului Date.

Exemplul 3: Obțineți data și ora curente folosind convențiile locale

Acest exemplu folosește metoda „toLocaleString()” pentru a afișa data și ora curente ca convenție locală:

lasa data = nou Data ( ) ;

consolă. Buturuga ( 'Data și ora = ' + Data. toLocaleString ( ) ) ;

În rândurile de cod de mai sus, legați metoda „toLocaleString()” cu variabila pentru a returna un șir cu o reprezentare sensibilă la limbaj a datei curente.

Ieșire

nodul principal. js

După cum se vede, rezultatul arată data și ora curente folosind convenția locală.

Exemplul 4: Returnare Data Object Valoare primitivă

Acest exemplu aplică „ valoarea() ” pentru a returna obiectul Date ca valoare primitivă:

lasa data = nou Data ( ) ;

consolă. Buturuga ( 'Data și ora = ' + Data. valoarea ( ) ) ;

În fragmentul de cod de mai sus, „ valoarea() ” returnează rezultatul obiectului Date în milisecunde de la miezul nopții „1 ianuarie 1970, UTC”.

Ieșire

nodul principal. js

Aici, rezultatele returnează obiectul Date ca valoare primitivă.

Concluzie

În TypeScript, „ Data ” obiectul corespunde datei și orei sistemului local. Acest obiect poate fi creat pentru a afișa rezultatul dorit cu ajutorul celor patru metode încorporate discutate. În afară de aceasta, oferă și o listă de metode care pot fi aplicate pentru a seta și obține data și ora conform cerințelor. Această postare a ilustrat profund scopul, utilizarea și implementarea practică a obiectului Date în TypeScript.