Ko glabāšanas atslēgas () metode dara JavaScript

Ko Glabasanas Atslegas Metode Dara Javascript



JavaScript ir aprīkots ar divu veidu krātuves objektiem “local” un “session”, kas saglabā datus vietējā krātuvē, t.i., tīmekļa pārlūkprogrammā. ' vietējā ” krātuves objekts glabā datus par konkrēto vietni bez derīguma termiņa, savukārt “ sesija Objekts 'glabāšana' saglabā datus tikai par pašreizējo sesiju. Kad šie objekti tiek saglabāti, tiem var viegli piekļūt, izmantojot to atslēgas nosaukumus, izmantojot iebūvēto krātuvi. atslēga () ” metode.

Šī ziņa parāda krātuves “atslēgas ()” metodi JavaScript.

Ko glabāšanas atslēgas () metode dara JavaScript?

' atslēga () ” metode ir saistīta ar objektu Storage, kas izgūst atslēgas nosaukumu, kas atrodas norādītajā indeksā. “Uzglabāšanas” objekts var būt “ vietējā ' vai ' sesija ” krātuve. Tas ļauj lietotājiem piekļūt gan lokālajai, gan sesijas krātuves atslēgai.







Sintakse (vietējai krātuvei)



vietējā krātuve. taustiņu ( rādītājs ) ;

Iepriekš minētā sintakse pieņem vienu parametru ' rādītājs ”, kas atgriež atslēgas nosaukumu noteiktā indeksā.



Sintakse (sesiju krātuvei)





sessionStorage. taustiņu ( rādītājs ) ;

Iepriekš minētā sintakse atbalsta arī parametru “index” tāpat kā “localStorage”.

Abas iepriekš definētās sintakses atgriež krātuves objekta atslēgas nosaukumu kā virkni. Īstenosim tos abus pa vienam.



1. piemērs: krātuves “key()” metodes izmantošana, lai izgūtu norādīto vietējās krātuves atslēgas nosaukumu

Šis piemērs izskaidro krātuves “key()” metodes praktisko ieviešanu, lai iegūtu lokāli norādīto indeksa krātuves atslēgas nosaukumu.

HTML kods

Vispirms apskatiet norādīto HTML kodu:

< h2 > Krātuves atslēga ( ) Metode JavaScript h2 >

< pogu onclick = 'myFunc()' > Iegūstiet norādīto vietējās krātuves atslēgu pogu >

< p id = 'demo' > lpp >

Iepriekš minētajā koda fragmentā:

  • Vispirms norādiet apakšvirsrakstu, izmantojot '

    ” tagu.

  • Pēc tam pievienojiet pogu, izmantojot ' ' atzīme, kas sastāv no ' onclick 'notikums, lai izpildītu funkciju' myFunc() ” noklikšķiniet uz pogas.
  • Visbeidzot, izveidojiet tukšu rindkopu, izmantojot '

    ” tagu, kam var viegli piekļūt, izmantojot tai piešķirto id “demo”.

JavaScript kods

Pēc tam turpiniet ar tālāk norādīto kodu:

< skripts >

vietējāStorage. setItem ( 'Tīmekļa vietne' , 'Linux' ) ;

vietējāStorage. setItem ( 'Pirmā apmācība' , 'HTML' ) ;

vietējāStorage. setItem ( 'Otrā apmācība' , 'JavaScript' ) ;

funkcija myFunc ( ) {

ir x = vietējāStorage. taustiņu ( 1 ) ;

dokumentu. getElementById ( 'demo' ) . innerHTML = x ;

}

skripts >

Iepriekš minētajā koda blokā:

  • ' vietējāStorage Īpašums ir saistīts ar setItem() ” metodi, lai iestatītu norādītos lokālās krātuves vienumus.
  • Tālāk funkcija ar nosaukumu ' myFunc() ” ir definēts.
  • Savā definīcijā ' atslēga () metode ir saistīta ar vietējā krātuve ” rekvizītu, lai iegūtu pirmā indeksa atslēgas nosaukumu.
  • Pēc tam ' document.getElementById() ” metode tiek izmantota, lai piekļūtu tukšajai rindkopai, izmantojot tās id “demo”, lai pievienotu tai vietējās krātuves vienuma atslēgu “name”.

Izvade

Kā redzams, izvade parāda vietējās krātuves vienuma atslēgas nosaukumu .e. “Otrā apmācība” pirmajā rādītājā, ievērojot alfabēta secību pēc pogas noklikšķināšanas.

2. piemērs: krātuves “key()” metodes izmantošana, lai iegūtu norādīto sesijas krātuves atslēgas nosaukumu

Šajā piemērā krātuves “key()” metode atgriež sesijas krātuves atslēgas nosaukumu ar noteiktu indeksu.

HTML kods

Vispirms izlasiet šo HTML kodu:

< h2 > Krātuves atslēga ( ) Metode JavaScript h2 >

< pogu onclick = 'myFunc()' > Iegūstiet norādīto sesijas krātuves atslēgu pogu >

< p id = 'demo' > lpp >

Iepriekš minētais kods ir tāds pats kā 1. piemērā, bet ar dažiem HTML satura atjauninājumiem.

JavaScript kods

Pēc tam pārejiet uz šādu kodu:

< skripts >

sessionStorage. setItem ( 'Tīmekļa vietne' , 'Linux' ) ;

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

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

funkcija myFunc ( ) {

ir x = sessionStorage. taustiņu ( 2 ) ;

dokumentu. getElementById ( 'demo' ) . innerHTML = x ;

}

skripts >

Šeit sesijas krātuves vienumi tiek izveidoti, izmantojot “ sessionStorage īpašums un pēc tam atslēga () ” metode tiek izmantota, lai iegūtu norādīto indeksa sesijas krātuves atslēgas nosaukumu otrajam indeksam.

Izvade

Šajā iznākumā, izmantojot metodi “key()”, tika parādīts otrajā rādītājā saglabātā sesijas krātuves vienuma atslēgas nosaukums. Krātuves atslēgas nosaukuma meklēšanas process notiek alfabētiskā secībā, kas sāk meklēšanu no “ 0 ” indekss.

Secinājums

JavaScript nodrošina krātuvi ' atslēga () ” metodi, lai iegūtu atslēgas nosaukumu ar konkrēto indeksu abiem vietējā ” un „ sesija ” uzglabāšanas objekti. Tas meklē norādīto atslēgas nosaukumu krātuvē un pēc tam parāda tā nosaukumu DOM (dokumenta objekta modelī). Lai veiktu šo uzdevumu, ir nepieciešams tikai parametrs “indekss”. Šī ziņa detalizēti ilustrēja JavaScript krātuves “key ()” metodes darbību.