Dette innlegget demonstrerer Storage “key()”-metoden i JavaScript.
Hva gjør Storage key() Method i JavaScript?
« nøkkel() ”-metoden er assosiert med Storage-objektet som henter nøkkelnavnet plassert ved den angitte indeksen. 'Lagrings'-objektet kan være ' lokale ' eller ' økt ' Oppbevaring. Den lar brukerne få tilgang til både de lokale og øktlagringsnøklene.
Syntaks (for lokal lagring)
lokal lagring. nøkkel ( indeks ) ;
Syntaksen ovenfor godtar én parameter ' indeks ” som returnerer navnet på nøkkelen ved en gitt indeks.
Syntaks (for øktlagring)
sessionStorage. nøkkel ( indeks ) ;
Syntaksen ovenfor støtter også 'indeks'-parameteren på samme måte som 'localStorage'.
Begge de ovenfor definerte syntaksene returnerer nøkkelnavnet til lagringsobjektet som en streng. La oss implementere begge én etter én.
Eksempel 1: Bruk av lagringsmetoden “key()” for å hente det spesifiserte lokale lagringsnøkkelnavnet
Dette eksemplet forklarer den praktiske implementeringen av lagringsmetoden 'key()' for å få det lokale spesifiserte indekslagringsnøkkelnavnet.
HTML-kode
Først, ta en titt på den gitte HTML-koden:
< h2 > Oppbevaringsnøkkel ( ) Metode i JavaScript h2 >< knappen ved å klikke = 'myFunc()' > Få den spesifiserte lokale lagringsnøkkelen knapp >
< p id = 'demo' > s >
I kodebiten ovenfor:
- Først spesifiser en underoverskrift via ' ' stikkord.
- Deretter legger du til en knapp ved hjelp av '
'-tag som består av en ' ved trykk ' hendelse for å utføre funksjonen ' myFunc() ' på knappen klikk. - Til slutt, lag et tomt avsnitt via ' '-taggen som lett kan nås gjennom den tildelte IDen 'demo'.
JavaScript-kode
Fortsett deretter med koden nedenfor:
< manus >lokal lagring. settItem ( 'Nettsted' , 'Linux' ) ;
lokal lagring. settItem ( 'Første veiledning' , 'HTML' ) ;
lokal lagring. settItem ( 'Andre veiledning' , 'JavaScript' ) ;
funksjon myFunc ( ) {
det er x = lokal lagring. nøkkel ( 1 ) ;
dokument. getElementById ( 'demo' ) . indreHTML = x ;
}
manus >
I kodeblokken ovenfor:
- « lokal lagring '-egenskapen er knyttet til ' setItem() ”-metoden for å angi de angitte lokale lagringselementene.
- Deretter funksjonen kalt ' myFunc() ' er definert.
- I sin definisjon, ' nøkkel() '-metoden er assosiert med ' lokal lagring ” egenskap for å få nøkkelnavnet til den første indeksen.
- Etter det, ' document.getElementById() ”-metoden brukes for å få tilgang til det tomme avsnittet ved å bruke ID-en “demo” for å legge det til den lokale lagringselementnøkkelen “navn”.
Produksjon
Som sett viser utgangen nøkkelnavnet for lokal lagringselement .e. 'SecondTutorial' ved den første indeksen ved å følge den alfabetiske rekkefølgen når du klikker på knappen.
Eksempel 2: Bruk av lagringsmetoden “key()” for å få det spesifiserte øktlagringsnøkkelnavnet
I dette eksemplet returnerer Storage “key()”-metoden navnet på øktlagringsnøkkelen med en bestemt indeks.
HTML-kode
Gå først gjennom følgende HTML-kode:
< h2 > Oppbevaringsnøkkel ( ) Metode i JavaScript h2 >< knappen ved å klikke = 'myFunc()' > Få den spesifiserte øktlagringsnøkkelen knapp >
< p id = 'demo' > s >
Koden ovenfor er den samme som eksempel 1, men med noen få oppdateringer i HTML-innholdet.
JavaScript-kode
Deretter går du videre til følgende kode:
< manus >sessionStorage. settItem ( 'Nettsted' , 'Linux' ) ;
sessionStorage. settItem ( 'Først' , 'HTML' ) ;
sessionStorage. settItem ( 'Sekund' , 'JavaScript' ) ;
funksjon myFunc ( ) {
det er x = sessionStorage. nøkkel ( 2 ) ;
dokument. getElementById ( 'demo' ) . indreHTML = x ;
}
manus >
Her opprettes øktlagringselementene ved å bruke ' sessionStorage ' eiendom og deretter ' nøkkel() ”-metoden brukes for å få det angitte lagringsnøkkelnavnet for indeksøkten til den andre indeksen.
Produksjon
I dette resultatet viste 'key()'-metoden nøkkelnavnet til sesjonslagringselementet lagret i den andre indeksen. Søkeprosessen for lagringsnøkkelnavnet følger den alfabetiske rekkefølgen som begynner å søke fra ' 0 ' indeks.
Konklusjon
JavaScript gir lagringen ' nøkkel() '-metoden for å få nøkkelnavnet med den spesielle indeksen til både ' lokale ' og ' økt ” lagringsobjekter. Den søker etter det angitte nøkkelnavnet i lagringen og viser deretter navnet i DOM (Document Object Model). Det krever bare 'indeks'-parameteren for å utføre denne oppgaven. Dette innlegget illustrerte arbeidet med JavaScript Storage 'key()'-metoden i detalj.