Ipinapakita ng post na ito ang paraan ng Storage na 'key()' sa JavaScript.
Ano ang Ginagawa ng Pamamaraan ng Storage key() sa JavaScript?
Ang ' susi() ” na paraan ay nauugnay sa bagay na Imbakan na kinukuha ang key name na inilagay sa tinukoy na index. Ang bagay na 'imbakan' ay maaaring ang ' lokal ' o ang ' session ” imbakan. Nagbibigay-daan ito sa mga user na ma-access ang lokal at ang mga key ng storage ng session.
Syntax (Para sa Lokal na Imbakan)
lokal na imbakan. susi ( index ) ;
Ang syntax sa itaas ay tumatanggap ng isang parameter ' index ” na nagbabalik ng pangalan ng susi sa isang naibigay na index.
Syntax (Para sa Imbakan ng Session)
sessionStorage. susi ( index ) ;
Sinusuportahan din ng syntax sa itaas ang parameter na 'index' katulad ng 'localStorage'.
Parehong ibinabalik ng mga natukoy na syntax sa itaas ang key name ng storage object bilang isang string. Isa-isa nating ipatupad ang dalawa.
Halimbawa 1: Paglalapat ng Storage “key()” na Paraan para Kunin ang Tinukoy na Pangalan ng Key ng Lokal na Storage
Ipinapaliwanag ng halimbawang ito ang praktikal na pagpapatupad ng paraan ng storage na 'key()' para makuha ang lokal na tinukoy na pangalan ng index storage key.
HTML Code
Una, tingnan ang ibinigay na HTML code:
< h2 > Susi ng storage ( ) Pamamaraan sa JavaScript h2 >< button sa pag-click = 'myFunc()' > Kunin ang Tinukoy na Local Storage Key pindutan >
< p id = 'demo' > p >
Sa snippet ng code sa itaas:
- Una, tukuyin ang isang subheading sa pamamagitan ng ' ” tag.
- Susunod, magdagdag ng isang pindutan sa tulong ng ' 'tag na binubuo ng ' onclick 'kaganapan upang maisagawa ang pagpapaandar' myFunc() ” sa pag-click sa pindutan.
- Panghuli, lumikha ng isang walang laman na talata sa pamamagitan ng ' ” tag na madaling ma-access sa pamamagitan ng nakatalagang id na “demo” nito.
JavaScript Code
Susunod, magpatuloy sa nakasaad sa ibaba na code:
< script >lokal na imbakan. setItem ( 'Website' , 'Linux' ) ;
lokal na imbakan. setItem ( 'FirstTutorial' , 'HTML' ) ;
lokal na imbakan. setItem ( 'SecondTutorial' , 'JavaScript' ) ;
function myFunc ( ) {
may x = lokal na imbakan. susi ( 1 ) ;
dokumento. getElementById ( 'demo' ) . innerHTML = x ;
}
script >
Sa itaas na bloke ng code:
- Ang ' lokal na imbakan 'Ang ari-arian ay nauugnay sa ' setItem() ” paraan upang itakda ang tinukoy na lokal na mga item sa imbakan.
- Susunod, ang function na pinangalanang ' myFunc() ” ay tinukoy.
- Sa kahulugan nito, ang ' susi() Ang pamamaraan ay nauugnay sa ' lokal na imbakan ” property para makuha ang key name ng unang index.
- Pagkatapos nito, ang ' document.getElementById() Ang paraan ng ” ay inilapat upang ma-access ang walang laman na talata gamit ang id nitong “demo” upang idugtong ito ng key ng item ng lokal na storage na “pangalan”.
Output
Gaya ng nakikita, ipinapakita ng output ang pangalan ng key ng item sa lokal na storage .e. “SecondTutorial” sa unang index sa pamamagitan ng pagsunod sa alphabetical order sa pag-click ng button.
Halimbawa 2: Paglalapat ng Storage “key()” Method para Kunin ang Tinukoy na Session Storage Key Name
Sa halimbawang ito, ibinabalik ng paraan ng Storage na 'key()' ang pangalan ng key storage ng session na may partikular na index.
HTML Code
Una, dumaan sa sumusunod na HTML code:
< h2 > Susi ng storage ( ) Pamamaraan sa JavaScript h2 >< button sa pag-click = 'myFunc()' > Kunin ang Tinukoy na Session Storage Key pindutan >
< p id = 'demo' > p >
Ang code sa itaas ay pareho sa Halimbawa 1 ngunit may ilang mga pag-update sa HTML na nilalaman.
JavaScript Code
Susunod, magpatuloy sa sumusunod na code:
< script >sessionStorage. setItem ( 'Website' , 'Linux' ) ;
sessionStorage. setItem ( 'Una' , 'HTML' ) ;
sessionStorage. setItem ( 'Pangalawa' , 'JavaScript' ) ;
function myFunc ( ) {
may x = sessionStorage. susi ( 2 ) ;
dokumento. getElementById ( 'demo' ) . innerHTML = x ;
}
script >
Dito, ang mga item sa imbakan ng session ay nilikha gamit ang ' sessionStorage ' ari-arian at pagkatapos ay ang ' susi() ” paraan ay inilapat upang makuha ang tinukoy na index session storage key pangalan ng pangalawang index.
Output
Sa kinalabasan na ito, ipinakita ng 'key()' na paraan ang key name ng session storage item na nakaimbak sa pangalawang index. Ang proseso ng paghahanap para sa pangalan ng storage key ay sumusunod sa pagkakasunud-sunod ng alpabeto na nagsisimula sa paghahanap mula sa ' 0 ” index.
Konklusyon
Nagbibigay ang JavaScript ng Storage ' susi() 'paraan para makuha ang key name na may partikular na index ng parehong ' lokal ' at ang ' session ” mga bagay na imbakan. Hinahanap nito ang tinukoy na key name sa storage at pagkatapos ay ipinapakita ang pangalan nito sa DOM (Document Object Model). Kinakailangan lamang nito ang parameter na 'index' upang maisagawa ang gawaing ito. Ang post na ito ay naglalarawan ng paggana ng JavaScript Storage na 'key()' na pamamaraan nang detalyado.