Dette indlæg demonstrerer Storage 'key()'-metoden i JavaScript.
Hvad gør Storage key() Method i JavaScript?
Det ' nøgle() ”-metoden er knyttet til Storage-objektet, der henter nøglenavnet placeret ved det angivne indeks. 'Opbevarings'-objektet kan være ' lokal ' eller den ' session ' opbevaring. Det giver brugerne adgang til både de lokale nøgler og sessionsnøglerne.
Syntaks (til lokal lagring)
lokalopbevaring. nøgle ( indeks ) ;
Ovenstående syntaks accepterer én parameter ' indeks ”, der returnerer navnet på nøglen ved et givet indeks.
Syntaks (til sessionslagring)
sessionStorage. nøgle ( indeks ) ;
Ovenstående syntaks understøtter også 'indeks'-parameteren på samme måde som 'localStorage'.
Begge de ovenfor definerede syntakser returnerer nøglenavnet på lagerobjektet som en streng. Lad os implementere dem begge én efter én.
Eksempel 1: Anvendelse af lagermetoden 'key()' til at hente det angivne lokale lagernøglenavn
Dette eksempel forklarer den praktiske implementering af lagermetoden 'key()' for at få det lokale specificerede indekslagernøglenavn.
HTML kode
Først skal du se på den givne HTML-kode:
< h2 > Opbevaringsnøgle ( ) Metode i JavaScript h2 >< knap ved klik = 'myFunc()' > Hent den specificerede lokale lagernøgle knap >
< p id = 'demo' > s >
I ovenstående kodestykke:
- Angiv først en underoverskrift via ' ” tag.
- Tilføj derefter en knap ved hjælp af '
' tag bestående af et ' onclick ' hændelse for at udføre funktionen ' myFunc() ” på knappen klik. - Til sidst skal du oprette et tomt afsnit via ' ” tag, der nemt kan tilgås via dets tildelte id “demo”.
JavaScript kode
Fortsæt derefter med nedenstående kode:
< manuskript >lokalopbevaring. sætItem ( 'Internet side' , 'Linux' ) ;
lokalopbevaring. sætItem ( 'Første vejledning' , 'HTML' ) ;
lokalopbevaring. sætItem ( 'Anden vejledning' , 'JavaScript' ) ;
funktion myFunc ( ) {
der er x = lokalopbevaring. nøgle ( 1 ) ;
dokument. getElementById ( 'demo' ) . indreHTML = x ;
}
manuskript >
I ovenstående kodeblok:
- Det ' lokalopbevaring ' egenskaben er knyttet til ' setItem() ” metode til at indstille de angivne lokale lagerelementer.
- Dernæst funktionen kaldet ' myFunc() ” er defineret.
- I sin definition er ' nøgle() '-metoden er forbundet med ' lokalopbevaring ” egenskab for at få nøglenavnet på det første indeks.
- Derefter vil ' document.getElementById() ”-metoden anvendes for at få adgang til det tomme afsnit ved at bruge dets id “demo” for at tilføje det med den lokale lagerelementnøgle “navn”.
Produktion
Som det ses, viser outputtet det lokale lagerelementnøglenavn .e. 'Second Tutorial' ved det første indeks ved at følge den alfabetiske rækkefølge ved et klik på knappen.
Eksempel 2: Anvendelse af Storage 'key()'-metoden for at få det specificerede Session Storage Key-navn
I dette eksempel returnerer Storage 'key()'-metoden sessionens lagernøglenavn med et bestemt indeks.
HTML kode
Først skal du gennemgå følgende HTML-kode:
< h2 > Opbevaringsnøgle ( ) Metode i JavaScript h2 >< knap ved klik = 'myFunc()' > Hent den specificerede sessionslagringsnøgle knap >
< p id = 'demo' > s >
Ovenstående kode er den samme som eksempel 1, men med et par opdateringer i HTML-indholdet.
JavaScript kode
Gå derefter videre til følgende kode:
< manuskript >sessionStorage. sætItem ( 'Internet side' , 'Linux' ) ;
sessionStorage. sætItem ( 'Først' , 'HTML' ) ;
sessionStorage. sætItem ( 'Anden' , 'JavaScript' ) ;
funktion myFunc ( ) {
der er x = sessionStorage. nøgle ( 2 ) ;
dokument. getElementById ( 'demo' ) . indreHTML = x ;
}
manuskript >
Her oprettes sessionslagringselementerne ved hjælp af ' sessionStorage ' ejendom og derefter ' nøgle() ”-metoden anvendes for at få det angivne indekssessionlagernøglenavn for det andet indeks.
Produktion
I dette resultat viste 'key()'-metoden nøglenavnet på sessionslagerelementet gemt i det andet indeks. Søgningsprocessen for lagernøglenavnet følger den alfabetiske rækkefølge, der starter søgningen fra ' 0 ” indeks.
Konklusion
JavaScript giver lageret ' nøgle() ” metode til at få nøglenavnet med det særlige indeks for både lokal ' og ' session ” opbevaringsgenstande. Den søger efter det angivne nøglenavn i lageret og viser derefter sit navn i DOM (Document Object Model). Det kræver kun parameteren 'indeks' for at udføre denne opgave. Dette indlæg illustrerede i detaljer, hvordan JavaScript Storage 'key()' fungerer.