Questo post mostra il metodo Storage 'key()' in JavaScript.
Cosa fa il metodo Storage key() in JavaScript?
IL ' chiave() Il metodo ” è associato all'oggetto Storage che recupera il nome della chiave posizionato nell'indice specificato. L'oggetto 'storage' può essere il ' Locale ' o il ' sessione ' magazzinaggio. Consente agli utenti di accedere sia alla chiave di archiviazione locale che a quella di sessione.
Sintassi (per archiviazione locale)
memoria locale. chiave ( indice ) ;
La sintassi precedente accetta un parametro ' indice ” che restituisce il nome della chiave in corrispondenza di un dato indice.
Sintassi (per l'archiviazione della sessione)
sessionStorage. chiave ( indice ) ;
La sintassi precedente supporta anche il parametro 'index' uguale a 'localStorage'.
Entrambe le sintassi sopra definite restituiscono il nome della chiave dell'oggetto di archiviazione come stringa. Implementiamo entrambi uno per uno.
Esempio 1: applicazione del metodo 'key()' di archiviazione per recuperare il nome della chiave di archiviazione locale specificata
Questo esempio illustra l'implementazione pratica del metodo 'key()' di archiviazione per ottenere il nome della chiave di archiviazione dell'indice specificato locale.
Codice HTML
Innanzitutto, dai un'occhiata al codice HTML fornito:
< h2 > Chiave di archiviazione ( ) Metodo in javascript h2 >< pulsante al clic = 'miaFunzione()' > Ottenere la chiave di archiviazione locale specificata pulsante >
< p id = 'demo' > P >
Nello snippet di codice sopra:
- Innanzitutto, specifica un sottotitolo tramite ' etichetta '.
- Quindi, aggiungi un pulsante con l'aiuto del '
” tag comprendente un “ al clic ” evento per eseguire la funzione “ miaFunc() ” sul pulsante clic. - Infine, crea un paragrafo vuoto tramite il ' ” tag a cui è possibile accedere facilmente tramite l'id assegnato “demo”.
codice javascript
Successivamente, procedi con il codice indicato di seguito:
< copione >memoria locale. setItem ( 'Sito web' , 'Linux' ) ;
memoria locale. setItem ( 'Primo Tutorial' , 'HTML' ) ;
memoria locale. setItem ( 'Secondo Tutorial' , 'Javascript' ) ;
funzione myFunc ( ) {
c'è x = memoria locale. chiave ( 1 ) ;
documento. getElementById ( 'demo' ) . innerHTML = X ;
}
copione >
Nel blocco di codice sopra:
- IL ' memoria locale La proprietà ' è associata alla proprietà ' setItem() ” per impostare gli elementi di archiviazione locale specificati.
- Successivamente, la funzione denominata ' miaFunc() ' è definito.
- Nella sua definizione, il “ chiave() Il metodo 'è associato al metodo' memoria locale ” per ottenere il nome della chiave del primo indice.
- Dopodiché il “ documento.getElementById() ” viene applicato per accedere al paragrafo vuoto utilizzando il suo id “demo” per aggiungerlo con la chiave dell'elemento di archiviazione locale “name”.
Produzione
Come visto, l'output visualizza il nome della chiave dell'elemento di archiviazione locale .e. 'SecondTutorial' al primo indice seguendo l'ordine alfabetico al clic del pulsante.
Esempio 2: applicazione del metodo 'key()' di archiviazione per ottenere il nome della chiave di archiviazione della sessione specificata
In questo esempio, il metodo Storage 'key()' restituisce il nome della chiave di archiviazione della sessione con un indice particolare.
Codice HTML
Innanzitutto, passa attraverso il seguente codice HTML:
< h2 > Chiave di archiviazione ( ) Metodo in javascript h2 >< pulsante al clic = 'miaFunzione()' > Ottieni la chiave di archiviazione della sessione specificata pulsante >
< p id = 'demo' > P >
Il codice precedente è lo stesso dell'Esempio 1 ma con alcuni aggiornamenti nel contenuto HTML.
codice javascript
Quindi, passa al seguente codice:
< copione >sessionStorage. setItem ( 'Sito web' , 'Linux' ) ;
sessionStorage. setItem ( 'Primo' , 'HTML' ) ;
sessionStorage. setItem ( 'Secondo' , 'Javascript' ) ;
funzione myFunc ( ) {
c'è x = sessionStorage. chiave ( 2 ) ;
documento. getElementById ( 'demo' ) . innerHTML = X ;
}
copione >
Qui, gli elementi di archiviazione della sessione vengono creati utilizzando il ' sessionStorage ” e poi il “ chiave() ” viene applicato per ottenere il nome della chiave di archiviazione della sessione dell'indice specificato del secondo indice.
Produzione
In questo risultato, il metodo 'key()' visualizzava il nome della chiave dell'elemento di archiviazione della sessione archiviato nel secondo indice. Il processo di ricerca del nome della chiave di archiviazione segue l'ordine alfabetico che inizia la ricerca da ' 0 indice.
Conclusione
JavaScript fornisce lo spazio di archiviazione ' chiave() ” per ottenere il nome della chiave con il particolare indice di entrambi i “ Locale ' e il ' sessione ” oggetti di archiviazione. Cerca il nome della chiave specificata nella memoria e quindi ne visualizza il nome nel DOM (Document Object Model). Richiede solo il parametro 'index' per eseguire questa attività. Questo post ha illustrato in dettaglio il funzionamento del metodo 'key ()' di archiviazione JavaScript.