Ovaj post demonstrira metodu 'key()' za pohranu u JavaScriptu.
Što radi metoda Storage key() u JavaScriptu?
' ključ() ” metoda povezana je s objektom za pohranu koji dohvaća naziv ključa postavljen na navedeni indeks. Objekt 'pohrane' može biti ' lokalni ' ili ' sjednica ” skladištenje. Korisnicima omogućuje pristup i lokalnim ključevima i ključevima za pohranu sesije.
Sintaksa (za lokalnu pohranu)
lokalna pohrana. ključ ( indeks ) ;
Gornja sintaksa prihvaća jedan parametar ' indeks ” koji vraća naziv ključa u zadanom indeksu.
Sintaksa (za pohranu sesije)
sessionStorage. ključ ( indeks ) ;
Gornja sintaksa također podržava parametar 'index' isti kao i 'localStorage'.
Obje gore definirane sintakse vraćaju naziv ključa objekta za pohranu kao niz. Implementirajmo oboje jedno po jedno.
Primjer 1: Primjena metode pohrane “key()” za dohvaćanje navedenog naziva ključa lokalne pohrane
Ovaj primjer objašnjava praktičnu implementaciju metode pohrane “key()” za dobivanje lokalno navedenog imena ključa pohrane indeksa.
HTML kôd
Prvo pogledajte dani HTML kod:
< h2 > Ključ za pohranu ( ) metoda u JavaScriptu h2 >< gumb na klik = 'myFunc()' > Nabavite navedeni ključ lokalne pohrane dugme >
< p id = 'demo' > str >
U gornjem isječku koda:
- Prvo navedite podnaslov putem ' ” oznaka.
- Zatim dodajte gumb uz pomoć '
' oznaka koja se sastoji od ' na klik ” događaj za izvršenje funkcije “ myFunc() ” na gumb kliknite. - Na kraju, stvorite prazan odlomak putem ' ” oznaku kojoj se lako može pristupiti putem dodijeljenog ID-a „demo”.
JavaScript kod
Zatim nastavite s dolje navedenim kodom:
< skripta >lokalna pohrana. setItem ( 'Web stranica' , 'Linux' ) ;
lokalna pohrana. setItem ( 'Prvi vodič' , 'HTML' ) ;
lokalna pohrana. setItem ( 'Drugi vodič' , 'JavaScript' ) ;
funkcija myFunc ( ) {
postoji x = lokalna pohrana. ključ ( 1 ) ;
dokument. getElementById ( 'demo' ) . unutarnjiHTML = x ;
}
skripta >
U gornjem bloku koda:
- ' lokalna pohrana ' Svojstvo je povezano s ' setItem() ” za postavljanje navedenih stavki lokalne pohrane.
- Zatim, funkcija pod nazivom ' myFunc() ' je definirano.
- U svojoj definiciji, ' ključ() ' metoda je povezana s ' lokalna pohrana ” za dobivanje naziva ključa prvog indeksa.
- Nakon toga, ' document.getElementById() ” primjenjuje se metoda za pristup praznom odlomku korištenjem njegovog ID-a “demo” za dodavanje ključa stavke lokalne pohrane “name”.
Izlaz
Kao što se vidi, izlaz prikazuje naziv ključa stavke lokalne pohrane .e. “SecondTutorial” na prvom indeksu slijedeći abecedni red nakon klika na gumb.
Primjer 2: Primjena metode pohrane 'key()' za dobivanje navedenog naziva ključa pohrane sesije
U ovom primjeru, metoda pohrane 'key()' vraća naziv ključa pohrane sesije s određenim indeksom.
HTML kôd
Prvo prođite kroz sljedeći HTML kod:
< h2 > Ključ za pohranu ( ) metoda u JavaScriptu h2 >< gumb na klik = 'myFunc()' > Nabavite navedeni ključ za pohranu sesije dugme >
< p id = 'demo' > str >
Gornji kod je isti kao primjer 1, ali s nekoliko ažuriranja u HTML sadržaju.
JavaScript kod
Zatim prijeđite na sljedeći kod:
< skripta >sessionStorage. setItem ( 'Web stranica' , 'Linux' ) ;
sessionStorage. setItem ( 'Prvi' , 'HTML' ) ;
sessionStorage. setItem ( 'Drugi' , 'JavaScript' ) ;
funkcija myFunc ( ) {
postoji x = sessionStorage. ključ ( 2 ) ;
dokument. getElementById ( 'demo' ) . unutarnjiHTML = x ;
}
skripta >
Ovdje se stavke pohrane sesije stvaraju pomoću ' sessionStorage ', a zatim ' ključ() ” primjenjuje se metoda za dobivanje navedenog imena ključa pohrane sesije indeksa drugog indeksa.
Izlaz
U ovom ishodu, metoda 'key()' prikazala je naziv ključa stavke pohrane sesije pohranjene u drugom indeksu. Proces pretraživanja za naziv ključa za pohranu slijedi abecedni red koji počinje pretraživanje od ' 0 ” indeks.
Zaključak
JavaScript pruža pohranu ' ključ() ' za dobivanje naziva ključa s određenim indeksom oba ' lokalni ' i ' sjednica ” skladišnih objekata. Pretražuje navedeni naziv ključa u pohrani i zatim prikazuje njegov naziv u DOM-u (Document Object Model). Za obavljanje ovog zadatka potreban je samo parametar 'index'. Ovaj post detaljno je ilustrirao rad metode 'key()' JavaScript Storagea.