Dit bericht demonstreert de Storage 'key()' -methode in JavaScript.
Wat doet de opslagsleutel()-methode in JavaScript?
De ' sleutel() ” methode is gekoppeld aan het Storage-object dat de sleutelnaam ophaalt die bij de opgegeven index is geplaatst. Het object 'opslag' kan het ' lokaal ' of de ' sessie ' opslag. Hiermee hebben gebruikers toegang tot zowel de lokale als de sessieopslagsleutels.
Syntaxis (voor lokale opslag)
lokale opslag. sleutel ( inhoudsopgave ) ;
De bovenstaande syntaxis accepteert één parameter ' inhoudsopgave ” dat de naam van de sleutel retourneert bij een bepaalde index.
Syntaxis (voor sessieopslag)
sessieOpslag. sleutel ( inhoudsopgave ) ;
De bovenstaande syntaxis ondersteunt ook de parameter 'index', hetzelfde als de 'localStorage'.
Beide hierboven gedefinieerde syntaxis retourneren de sleutelnaam van het opslagobject als een tekenreeks. Laten we ze allebei een voor een implementeren.
Voorbeeld 1: de opslagmethode 'key()' toepassen om de opgegeven lokale opslagsleutelnaam op te halen
In dit voorbeeld wordt de praktische implementatie uitgelegd van de opslagmethode 'key()' om de lokaal opgegeven indexopslagsleutelnaam te verkrijgen.
HTML code
Bekijk eerst de gegeven HTML-code:
< h2 > Opslag sleutel ( ) Methode in javascript h2 >< knop opklik = 'mijnFunc()' > Haal de opgegeven lokale opslagsleutel op knop >
< p id = 'demonstratie' > P >
In het bovenstaande codefragment:
- Geef eerst een subkop op via de “ ' label.
- Voeg vervolgens een knop toe met behulp van de knop '
” tag bestaande uit een “ bij klikken 'gebeurtenis om de functie uit te voeren' mijnFunc() ” op de knop klikken. - Maak ten slotte een lege alinea via de ' '-tag die gemakkelijk toegankelijk is via de toegewezen id 'demo'.
JavaScript-code
Ga vervolgens verder met de onderstaande code:
< script >lokale opslag. setItem ( 'Website' , 'Linux' ) ;
lokale opslag. setItem ( 'Eerste zelfstudie' , 'HTML' ) ;
lokale opslag. setItem ( 'Tweede zelfstudie' , 'JavaScript' ) ;
functie myFunc ( ) {
er is x = lokale opslag. sleutel ( 1 ) ;
document. getElementById ( 'demonstratie' ) . binnenHTML = X ;
}
script >
In het bovenstaande codeblok:
- De ' lokale opslag ” eigendom wordt geassocieerd met de “ setItem() ” methode om de opgegeven lokale opslagitems in te stellen.
- Vervolgens wordt de functie met de naam ' mijnFunc() ' is gedefinieerd.
- In zijn definitie, de ' sleutel() ” methode is geassocieerd met de “ lokale opslag ” eigenschap om de sleutelnaam van de eerste index op te halen.
- Daarna is de “ document.getElementById() ” methode wordt toegepast om toegang te krijgen tot de lege alinea met behulp van de id “demo” om deze toe te voegen met de lokale opslagitemsleutel “name”.
Uitgang
Zoals te zien is, geeft de uitvoer de sleutelnaam van het lokale opslagitem weer .e. 'SecondTutorial' bij de eerste index door de alfabetische volgorde na het klikken op de knop te volgen.
Voorbeeld 2: de opslagmethode 'key()' toepassen om de opgegeven sleutelnaam voor de sessieopslag te verkrijgen
In dit voorbeeld retourneert de methode Storage 'key()' de naam van de sessieopslagsleutel met een bepaalde index.
HTML code
Ga eerst door de volgende HTML-code:
< h2 > Opslag sleutel ( ) Methode in javascript h2 >< knop opklik = 'mijnFunc()' > Haal de opgegeven sessieopslagsleutel op knop >
< p id = 'demonstratie' > P >
De bovenstaande code is hetzelfde als Voorbeeld 1, maar met een paar updates in de HTML-inhoud.
JavaScript-code
Ga vervolgens verder met de volgende code:
< script >sessieOpslag. setItem ( 'Website' , 'Linux' ) ;
sessieOpslag. setItem ( 'Eerst' , 'HTML' ) ;
sessieOpslag. setItem ( 'Seconde' , 'JavaScript' ) ;
functie myFunc ( ) {
er is x = sessieOpslag. sleutel ( 2 ) ;
document. getElementById ( 'demonstratie' ) . binnenHTML = X ;
}
script >
Hier worden de sessieopslagitems gemaakt met behulp van de ' sessieOpslag ” eigenschap en dan de “ sleutel() ” methode wordt toegepast om de opgegeven sleutelnaam van de indexsessieopslagsleutel van de tweede index te verkrijgen.
Uitgang
In dit resultaat gaf de methode 'key()' de sleutelnaam weer van het sessieopslagitem dat was opgeslagen bij de tweede index. Het zoekproces voor de naam van de opslagsleutel volgt de alfabetische volgorde die begint met zoeken vanaf de ' 0 ' inhoudsopgave.
Conclusie
JavaScript zorgt voor de opslag “ sleutel() ' methode om de sleutelnaam te krijgen met de specifieke index van zowel de ' lokaal ' en de ' sessie 'opslagobjecten. Het zoekt de opgegeven sleutelnaam in de opslag en geeft vervolgens de naam weer in het DOM (Document Object Model). Het vereist alleen de parameter 'index' om deze taak uit te voeren. Dit bericht illustreerde de werking van de JavaScript Storage 'key()' -methode in detail.