Ez a bejegyzés bemutatja a Storage „key()” metódust JavaScriptben.
Mit csinál a Storage key() metódus JavaScriptben?
A ' kulcs() ” metódus a Storage objektumhoz van társítva, amely lekéri a megadott indexen elhelyezett kulcsnevet. A „tárhely” objektum lehet a „ helyi ' vagy a ' ülés ” tárolására. Lehetővé teszi a felhasználók számára, hogy hozzáférjenek mind a helyi, mind a munkamenet-tárolókulcsokhoz.
Szintaxis (helyi tároláshoz)
helyi raktár. kulcs ( index ) ;
A fenti szintaxis egy paramétert fogad el ' index ”, amely egy adott index kulcsának nevét adja vissza.
Szintaxis (a munkamenet tárolására)
sessionStorage. kulcs ( index ) ;
A fenti szintaxis szintén támogatja az „index” paramétert, amely megegyezik a „localStorage”-val.
Mindkét fent meghatározott szintaxis karakterláncként adja vissza a tárolási objektum kulcsnevét. Valósítsuk meg mindkettőt egyenként.
1. példa: A Storage „key()” módszer alkalmazása a megadott helyi tárolókulcs nevének lekéréséhez
Ez a példa elmagyarázza a tárolási „key()” metódus gyakorlati megvalósítását a helyi megadott indextároló kulcsnév lekéréséhez.
HTML kód
Először nézze meg a megadott HTML kódot:
< h2 > Tárolókulcs ( ) Módszer JavaScriptben h2 >< gomb onclick = 'myFunc()' > Szerezze be a megadott helyi tárolókulcsot gomb >
< p id = 'demó' > p >
A fenti kódrészletben:
- Először adjon meg egy alcímet a ' ” címke.
- Ezután adjon hozzá egy gombot a „
' címke, amely egy ' kattintásra 'esemény a funkció végrehajtásához' myFunc() ” gombra kattintva. - Végül hozzon létre egy üres bekezdést a ' ” címke, amely könnyen elérhető a hozzárendelt „demó” azonosítón keresztül.
JavaScript kód
Ezután folytassa az alábbi kóddal:
< forgatókönyv >helyi raktár. setItem ( 'Weboldal' , 'Linux' ) ;
helyi raktár. setItem ( 'First Tutorial' , 'HTML' ) ;
helyi raktár. setItem ( 'Második oktatóanyag' , 'JavaScript' ) ;
funkció myFunc ( ) {
van x = helyi raktár. kulcs ( 1 ) ;
dokumentum. getElementById ( 'demó' ) . innerHTML = x ;
}
forgatókönyv >
A fenti kódblokkban:
- A ' helyi raktár ' tulajdonság a ' setItem() ” metódussal állíthatja be a megadott helyi tárolóelemeket.
- Ezután a „ myFunc() ” van meghatározva.
- Meghatározásában a „ kulcs() ' metódus kapcsolódik a ' helyi raktár ” tulajdonság az első index kulcsnevének lekéréséhez.
- Ezt követően a „ document.getElementById() ” metódus kerül alkalmazásra az üres bekezdés eléréséhez a „demo” azonosítójával, hogy hozzáfűzze a „name” helyi tárolóelem kulcsához.
Kimenet
Amint látható, a kimenet megjeleníti a helyi tárolóelem kulcsának nevét .e. „Második oktatóanyag” az első indexnél, a gomb kattintásánál az ábécé sorrendjét követve.
2. példa: A Storage „key()” módszer alkalmazása a megadott munkamenet tárolókulcs nevének lekéréséhez
Ebben a példában a Storage „key()” metódus a munkamenet tárolási kulcsának nevét adja vissza egy adott indexszel.
HTML kód
Először menjen át a következő HTML-kódon:
< h2 > Tárolókulcs ( ) Módszer JavaScriptben h2 >< gomb onclick = 'myFunc()' > Szerezze be a megadott munkamenet-tárolókulcsot gomb >
< p id = 'demó' > p >
A fenti kód ugyanaz, mint az 1. példában, de néhány frissítéssel a HTML-tartalomban.
JavaScript kód
Ezután lépjen tovább a következő kódra:
< forgatókönyv >sessionStorage. setItem ( 'Weboldal' , 'Linux' ) ;
sessionStorage. setItem ( 'Első' , 'HTML' ) ;
sessionStorage. setItem ( 'Második' , 'JavaScript' ) ;
funkció myFunc ( ) {
van x = sessionStorage. kulcs ( 2 ) ;
dokumentum. getElementById ( 'demó' ) . innerHTML = x ;
}
forgatókönyv >
Itt a munkamenet tárolóelemei a „ sessionStorage ' tulajdonság, majd a ' kulcs() ” metódus kerül alkalmazásra a második index megadott index-munkamenet-tárolókulcs-nevének lekéréséhez.
Kimenet
Ebben az eredményben a „key()” metódus a második indexben tárolt munkamenet-tárolóelem kulcsnevét jelenítette meg. A tárolási kulcs nevére vonatkozó keresési folyamat az ábécé sorrendjét követi, amely a „ 0 ” index.
Következtetés
A JavaScript biztosítja a tárhelyet kulcs() ” metódussal kapja meg a kulcs nevét mindkét „ helyi ' és a ' ülés ” tárolási objektumok. Megkeresi a megadott kulcsnevet a tárolóban, majd megjeleníti a nevét a DOM-ban (Document Object Model). A feladat végrehajtásához csak az „index” paraméterre van szükség. Ez a bejegyzés részletesen bemutatta a JavaScript Storage „key()” metódusának működését.