Tento příspěvek demonstruje metodu Storage “key()” v JavaScriptu.
Co dělá metoda Storage key() v JavaScriptu?
' klíč() ” je přidružena k objektu Storage, který načte název klíče umístěný na zadaném indexu. Objekt „úložiště“ může být „ místní ' nebo ' zasedání ' úložný prostor. Umožňuje uživatelům přístup k místním klíčům a klíčům úložiště relace.
Syntaxe (pro místní úložiště)
místní úložiště. klíč ( index ) ;
Výše uvedená syntaxe přijímá jeden parametr „ index ”, který vrací název klíče v daném indexu.
Syntaxe (pro úložiště relace)
sessionStorage. klíč ( index ) ;
Výše uvedená syntaxe také podporuje parametr „index“ stejně jako „localStorage“.
Obě výše definované syntaxe vracejí název klíče objektu úložiště jako řetězec. Implementujme oba jeden po druhém.
Příklad 1: Použití metody Storage „key()“ k načtení zadaného názvu místního klíče úložiště
Tento příklad vysvětluje praktickou implementaci metody úložiště „key()“ pro získání názvu lokálního klíče indexového úložiště.
HTML kód
Nejprve se podívejte na daný HTML kód:
< h2 > Klíč úložiště ( ) Metoda v JavaScriptu h2 >< tlačítko onclick = 'myFunc()' > Získejte zadaný klíč místního úložiště knoflík >
< p id = 'demo' > p >
Ve výše uvedeném úryvku kódu:
- Nejprve zadejte podnadpis pomocí „ ” tag.
- Dále přidejte tlačítko pomocí „
” tag obsahující “ při kliknutí 'událost pro provedení funkce' myFunc() “ po kliknutí na tlačítko. - Nakonec vytvořte prázdný odstavec pomocí „ ” tag, ke kterému lze snadno přistupovat prostřednictvím přiděleného id „demo“.
JavaScript kód
Dále pokračujte s níže uvedeným kódem:
< skript >místní úložiště. setItem ( 'Webová stránka' , 'linux' ) ;
místní úložiště. setItem ( 'První výukový program' , 'HTML' ) ;
místní úložiště. setItem ( 'Druhý návod' , 'JavaScript' ) ;
funkce myFunc ( ) {
je tam x = místní úložiště. klíč ( 1 ) ;
dokument. getElementById ( 'demo' ) . vnitřní HTML = X ;
}
skript >
Ve výše uvedeném bloku kódu:
- ' místní úložiště “ vlastnost je spojena s “ setItem() ” pro nastavení zadaných položek místního úložiště.
- Dále funkce s názvem „ myFunc() ' je definováno.
- Ve své definici „ klíč() “ metoda je spojena s “ místní úložiště ” pro získání názvu klíče prvního indexu.
- Poté se „ document.getElementById() Metoda ” se použije pro přístup k prázdnému odstavci pomocí jeho id „demo“ k připojení klíče položky místního úložiště „name“.
Výstup
Jak je vidět, výstup zobrazuje název klíče položky místního úložiště .e. „SecondTutorial“ na prvním indexu podle abecedního pořadí po kliknutí na tlačítko.
Příklad 2: Použití metody Storage „key()“ k získání zadaného názvu klíče úložiště relace
V tomto příkladu metoda Storage „key()“ vrací název klíče úložiště relace s konkrétním indexem.
HTML kód
Nejprve si projděte následující HTML kód:
< h2 > Klíč úložiště ( ) Metoda v JavaScriptu h2 >< tlačítko onclick = 'myFunc()' > Získejte specifikovaný klíč úložiště relace knoflík >
< p id = 'demo' > p >
Výše uvedený kód je stejný jako v příkladu 1, ale s několika aktualizacemi v obsahu HTML.
JavaScript kód
Dále přejděte na následující kód:
< skript >sessionStorage. setItem ( 'Webová stránka' , 'linux' ) ;
sessionStorage. setItem ( 'První' , 'HTML' ) ;
sessionStorage. setItem ( 'Druhý' , 'JavaScript' ) ;
funkce myFunc ( ) {
je tam x = sessionStorage. klíč ( 2 ) ;
dokument. getElementById ( 'demo' ) . vnitřní HTML = X ;
}
skript >
Zde jsou položky úložiště relace vytvořeny pomocí „ sessionStorage “ vlastnost a poté „ klíč() ” metoda se použije k získání zadaného názvu klíče úložiště relace indexu pro druhý index.
Výstup
V tomto výsledku metoda „key()“ zobrazila název klíče položky úložiště relace uložené ve druhém indexu. Proces hledání názvu klíče úložiště se řídí abecedním pořadím, které začíná hledat od „ 0 'index.'
Závěr
JavaScript poskytuje úložiště “ klíč() “, abyste získali název klíče s konkrétním indexem obou „ místní “ a „ zasedání “skladovací objekty. Vyhledá zadaný název klíče v úložišti a poté zobrazí jeho název v DOM (Document Object Model). K provedení této úlohy vyžaduje pouze parametr „index“. Tento příspěvek podrobně ilustroval fungování metody JavaScript Storage „key()“.