Mida teeb salvestusvõti() meetod JavaScriptis

JavaScriptil on kahte tüüpi salvestusobjekte „kohalik” ja „seanss”, mis salvestavad andmed kohalikku salvestusruumi, st veebibrauserisse. ' kohalik salvestusobjekt salvestab konkreetse veebisaidi andmeid ilma aegumiskuupäevata, samas kui ' istungil Objekt 'salvestus' salvestab andmed ainult praeguse seansi jaoks. Kui need objektid on salvestatud, pääseb neile hõlpsasti juurde nende võtmenimede kaudu sisseehitatud salvestusruumi abil. võti() ” meetod.

See postitus demonstreerib JavaScriptis Storage 'key()' meetodit.

Mida teeb salvestusvõti() meetod JavaScriptis?

' võti() ” meetod on seotud salvestusobjektiga, mis hangib määratud registrisse paigutatud võtme nime. 'Säilitus' objekt võib olla ' kohalik ” või „ istungil ” ladustamine. See võimaldab kasutajatel pääseda juurde nii kohalikele kui ka seansisalvestuse võtmetele.

Süntaks (kohaliku salvestusruumi jaoks)

kohalik salvestusruum. võti ( indeks ) ;

Ülaltoodud süntaks aktsepteerib ühte parameetrit ' indeks ”, mis tagastab antud indeksi võtme nime.

Süntaks (seansi salvestamiseks)

sessionSalvestus. võti ( indeks ) ;

Ülaltoodud süntaks toetab ka parameetrit 'indeks', mis on sama kui 'localStorage'.

Mõlemad ülalmääratletud süntaksid tagastavad salvestusobjekti võtmenime stringina. Rakendame need mõlemad ükshaaval.

Näide 1: salvestusruumi „key()” meetodi rakendamine määratud kohaliku salvestusvõtme nime hankimiseks

See näide selgitab salvestusmeetodi „key()” praktilist rakendamist kohaliku määratud registrisalvestusvõtme nime saamiseks.

HTML-kood

Kõigepealt vaadake antud HTML-koodi:

< h2 > Salvestusvõti ( ) meetod JavaScriptis h2 >

< nupp onclick = 'myFunc()' > Hankige määratud kohaliku salvestusruumi võti nuppu >

< p id = 'demo' > lk >

Ülaltoodud koodilõigul:

Esmalt määrake alampealkiri '
” silti.
Järgmisena lisage nupp, kasutades ' märgend, mis sisaldab onclick 'sündmus funktsiooni täitmiseks' myFunc() ” nupul klõpsamisel.
Lõpuks looge tühi lõik '
” silt, millele pääseb hõlpsasti juurde selle määratud ID „demo” kaudu.

JavaScripti kood

Järgmisena jätkake alltoodud koodiga:

< stsenaarium >

kohalik salvestusruum. setItem ( 'veebisait' , 'Linux' ) ;

kohalik salvestusruum. setItem ( 'Esimene õpetus' , 'HTML' ) ;

kohalik salvestusruum. setItem ( 'Teine õpetus' , 'JavaScript' ) ;

funktsioon myFunc ( ) {

seal on x = kohalik salvestusruum. võti ( 1 ) ;

dokument. getElementById ( 'demo' ) . sisemine HTML = x ;

}

stsenaarium >

Ülaltoodud koodiplokis:

' kohalik salvestusruum ' vara on seotud ' setItem() ” meetod määratud kohalike salvestusüksuste määramiseks.
Järgmisena funktsioon nimega ' myFunc() ” on määratletud.
Selle määratluses on ' võti() meetod on seotud kohalik salvestusruum ” atribuut esimese indeksi võtmenime saamiseks.
Pärast seda ' document.getElementById() ” meetodit rakendatakse tühjale lõigule juurdepääsuks, kasutades selle ID-d 'demo', et lisada see kohaliku salvestusüksuse võtmega 'nimi'.

Väljund

Nagu näha, kuvatakse väljundis kohaliku salvestusüksuse võtme nimi .e. 'Second Tutorial' esimeses registris, järgides nupu klõpsamisel tähestikulist järjekorda.

Näide 2: salvestusruumi „key()” meetodi rakendamine määratud seansi salvestusvõtme nime saamiseks

Selles näites tagastab meetod Storage 'key()' seansi salvestusvõtme nime koos konkreetse indeksiga.

HTML-kood

Esmalt läbige järgmine HTML-kood:

< h2 > Salvestusvõti ( ) meetod JavaScriptis h2 >

< nupp onclick = 'myFunc()' > Hankige määratud seansi salvestusvõti nuppu >

< p id = 'demo' > lk >

Ülaltoodud kood on sama, mis näites 1, kuid HTML-i sisus on mõned uuendused.

JavaScripti kood

Järgmisena liikuge järgmise koodi juurde:

< stsenaarium >

sessionStorage. setItem ( 'veebisait' , 'Linux' ) ;

sessionStorage. setItem ( 'Esimene' , 'HTML' ) ;

sessionStorage. setItem ( 'Teine' , 'JavaScript' ) ;

funktsioon myFunc ( ) {

seal on x = sessionStorage. võti ( 2 ) ;

dokument. getElementById ( 'demo' ) . sisemine HTML = x ;

}

stsenaarium >

Siin luuakse seansi salvestusüksused, kasutades ' sessionStorage ' vara ja seejärel ' võti() ” meetodit rakendatakse teise indeksi määratud registrisseansi salvestusvõtme nime saamiseks.

Väljund

Selles tulemuses kuvas meetod „key()” teise indeksisse salvestatud seansi salvestusüksuse võtmenime. Salvestusvõtme nime otsinguprotsess järgib tähestikulist järjekorda, mis alustab otsimist ' 0 ” indeks.

Järeldus

JavaScript pakub salvestusruumi ' võti() ' meetod, et saada võtme nimi koos konkreetse indeksiga mõlema ' kohalik ' ja ' istungil ” hoiuobjektid. See otsib mälust määratud võtmenime ja kuvab seejärel selle nime DOM-is (Dokumendiobjekti mudel). Selle ülesande täitmiseks on vaja ainult parameetrit 'indeks'. See postitus illustreeris üksikasjalikult JavaScripti salvestusmeetodi „key()” tööd.

Mida teeb salvestusvõti() meetod JavaScriptis