Tämä viesti osoittaa Storage 'key()' -menetelmän JavaScriptissä.
Mitä Storage key() -menetelmä tekee JavaScriptissä?
' avain() ” -menetelmä liittyy Storage-objektiin, joka hakee määritettyyn hakemistoon sijoitetun avaimen nimen. 'Tallennus'-objekti voi olla ' paikallinen ' tai ' istunto ”säilytys. Sen avulla käyttäjät voivat käyttää sekä paikallisia että istunnon tallennusavaimia.
Syntaksi (paikallinen tallennus)
paikallinen varasto. avain ( indeksi ) ;
Yllä oleva syntaksi hyväksyy yhden parametrin ' indeksi ', joka palauttaa avaimen nimen tietyssä indeksissä.
Syntaksi (istunnon tallennusta varten)
sessionStorage. avain ( indeksi ) ;
Yllä oleva syntaksi tukee myös 'index'-parametria, joka on sama kuin 'localStorage'.
Molemmat edellä määritellyt syntaksit palauttavat tallennusobjektin avaimenimen merkkijonona. Toteutetaan molemmat yksitellen.
Esimerkki 1: Tallennus 'key()' -menetelmän käyttäminen määritetyn paikallisen tallennusavaimen nimen hakemiseen
Tämä esimerkki selittää tallennusmenetelmän 'key()' käytännön toteutuksen paikallisen määritetyn hakemistotallennusavaimen nimen saamiseksi.
HTML-koodi
Katso ensin annettu HTML-koodi:
< h2 > Tallennusavain ( ) Menetelmä JavaScriptissä h2 >< painiketta onclick = 'myFunc()' > Hanki määritetty paikallinen tallennusavain -painiketta >
< p id = 'demo' > s >
Yllä olevassa koodinpätkässä:
- Määritä ensin alaotsikko ' ' -tunniste.
- Lisää seuraavaksi painike '
' -tunniste, joka sisältää ' klikkaamalla 'tapahtuma toiminnon suorittamiseksi' myFunc() ” napsautuksella. - Luo lopuksi tyhjä kappale ' ' -tunnisteen, johon pääsee helposti sen määritetyn tunnuksen 'demo' kautta.
JavaScript-koodi
Jatka seuraavaksi alla ilmoitetulla koodilla:
< käsikirjoitus >paikallinen varasto. setItem ( 'Verkkosivusto' , 'Linux' ) ;
paikallinen varasto. setItem ( 'Ensimmäinen opetusohjelma' , 'HTML' ) ;
paikallinen varasto. setItem ( 'Toinen opetusohjelma' , 'JavaScript' ) ;
toiminto myFunc ( ) {
siellä on x = paikallinen varasto. avain ( 1 ) ;
asiakirja. getElementById ( 'demo' ) . innerHTML = x ;
}
käsikirjoitus >
Yllä olevassa koodilohkossa:
- ' paikallinen varasto ' omaisuus liittyy ' setItem() ” -menetelmää määrittääksesi määritetyt paikalliset tallennuskohteet.
- Seuraavaksi toiminto nimeltä ' myFunc() ' on määritelty.
- Määritelmässään ' avain() '-menetelmä liittyy ' paikallinen varasto ”-ominaisuutta saadaksesi ensimmäisen indeksin avaimenimen.
- Sen jälkeen ' document.getElementById() ' -menetelmää käytetään päästämään tyhjään kappaleeseen sen tunnuksella 'demo' lisäämään se paikallisen tallennuskohteen avaimella 'nimi'.
Lähtö
Kuten näkyy, tulos näyttää paikallisen tallennuskohteen avaimen nimen .e. 'Second Tutorial' ensimmäisessä hakemistossa seuraamalla aakkosjärjestystä painikkeen napsautuksen jälkeen.
Esimerkki 2: Tallennus 'key()' -menetelmän käyttäminen määritetyn istunnon tallennusavaimen nimen saamiseksi
Tässä esimerkissä Storage 'key()' -menetelmä palauttaa istunnon tallennusavaimen nimen tietyllä indeksillä.
HTML-koodi
Käy ensin läpi seuraava HTML-koodi:
< h2 > Tallennusavain ( ) Menetelmä JavaScriptissä h2 >< painiketta onclick = 'myFunc()' > Hanki määritetty istunnon tallennusavain -painiketta >
< p id = 'demo' > s >
Yllä oleva koodi on sama kuin esimerkki 1, mutta siinä on muutamia päivityksiä HTML-sisältöön.
JavaScript-koodi
Siirry seuraavaksi seuraavaan koodiin:
< käsikirjoitus >sessionStorage. setItem ( 'Verkkosivusto' , 'Linux' ) ;
sessionStorage. setItem ( 'Ensimmäinen' , 'HTML' ) ;
sessionStorage. setItem ( 'Toinen' , 'JavaScript' ) ;
toiminto myFunc ( ) {
siellä on x = sessionStorage. avain ( 2 ) ;
asiakirja. getElementById ( 'demo' ) . innerHTML = x ;
}
käsikirjoitus >
Täällä istunnon tallennuskohteet luodaan käyttämällä ' sessionStorage 'omaisuus ja sitten ' avain() ” -menetelmää käytetään toisen indeksin määritetyn hakemistoistunnon tallennusavaimen nimen saamiseksi.
Lähtö
Tässä tuloksessa 'key()'-menetelmä näytti toiseen indeksiin tallennetun istunnon tallennuskohteen avaimen nimen. Tallennusavaimen nimen hakuprosessi seuraa aakkosjärjestystä, joka aloittaa haun ' 0 ' indeksi.
Johtopäätös
JavaScript tarjoaa tallennustilan ' avain() ' -menetelmää saadaksesi avaimen nimen sekä ' paikallinen ' ja ' istunto ” varastointiesineitä. Se etsii määritetyn avaimen nimen muistista ja näyttää sitten sen nimen DOM:ssa (Document Object Model). Se vaatii vain 'indeksi'-parametrin tämän tehtävän suorittamiseen. Tämä viesti havainnollisti yksityiskohtaisesti JavaScript-tallennus 'avain()' -menetelmän toimintaa.