Siaran ini menunjukkan kaedah 'kunci()' Storan dalam JavaScript.
Apakah Kaedah Kunci Penyimpanan () Lakukan dalam JavaScript?
' kunci() ” kaedah dikaitkan dengan objek Storan yang mendapatkan semula nama kunci yang diletakkan pada indeks yang ditentukan. Objek 'storan' mungkin ' tempatan ' atau ' sesi ' penyimpanan. Ia membolehkan pengguna mengakses kedua-dua kunci storan tempatan dan sesi.
Sintaks (Untuk Storan Setempat)
localStorage. kunci ( indeks ) ;
Sintaks di atas menerima satu parameter ' indeks ” yang mengembalikan nama kunci pada indeks tertentu.
Sintaks (Untuk Storan Sesi)
sessionStorage. kunci ( indeks ) ;
Sintaks di atas juga menyokong parameter 'indeks' sama seperti 'localStorage'.
Kedua-dua sintaks yang ditakrifkan di atas mengembalikan nama kunci objek storan sebagai rentetan. Mari kita laksanakan kedua-duanya satu persatu.
Contoh 1: Menggunakan Kaedah “key()” Storan untuk Mendapatkan Nama Kunci Storan Tempatan Ditentukan
Contoh ini menerangkan pelaksanaan praktikal kaedah 'kunci()' storan untuk mendapatkan nama kunci storan indeks yang ditentukan setempat.
Kod HTML
Pertama, lihat kod HTML yang diberikan:
< h2 > Kunci storan ( ) Kaedah dalam JavaScript h2 >< butang onclick = 'myFunc()' > Dapatkan Kunci Storan Tempatan yang Ditentukan butang >
< p id = 'demo' > hlm >
Dalam coretan kod di atas:
- Pertama, nyatakan subtajuk melalui “ ” tag.
- Seterusnya, tambahkan butang dengan bantuan “
tag ' yang terdiri daripada ' onclick ' acara untuk melaksanakan fungsi ' myFunc() ” pada butang klik. - Akhir sekali, buat perenggan kosong melalui ' teg ” yang boleh diakses dengan mudah melalui id “demo” yang ditetapkan.
Kod JavaScript
Seterusnya, teruskan dengan kod yang dinyatakan di bawah:
< skrip >localStorage. setItem ( 'Laman web' , 'Linux' ) ;
localStorage. setItem ( 'Tutorial Pertama' , 'HTML' ) ;
localStorage. setItem ( 'Tutorial Kedua' , 'JavaScript' ) ;
fungsi myFunc ( ) {
terdapat x = localStorage. kunci ( 1 ) ;
dokumen. getElementById ( 'demo' ) . innerHTML = x ;
}
skrip >
Dalam blok kod di atas:
- ' localStorage ” harta dikaitkan dengan “ setItem() ” kaedah untuk menetapkan item storan tempatan yang ditentukan.
- Seterusnya, fungsi bernama ' myFunc() ' ditakrifkan.
- Dalam definisinya, ' kunci() ' kaedah dikaitkan dengan ' localStorage ” harta untuk mendapatkan nama kunci indeks pertama.
- Selepas itu, ' document.getElementById() Kaedah ” digunakan untuk mengakses perenggan kosong menggunakan id “demo” untuk menambahkannya dengan kunci item storan tempatan “nama”.
Pengeluaran
Seperti yang dilihat, output memaparkan nama kunci item storan tempatan .e. 'Tutorial Kedua' pada indeks pertama dengan mengikut susunan abjad apabila butang klik.
Contoh 2: Menggunakan Kaedah “key()” Storan untuk Mendapatkan Nama Kunci Storan Sesi Ditentukan
Dalam contoh ini, kaedah 'kunci()' Storan mengembalikan nama kunci storan sesi dengan indeks tertentu.
Kod HTML
Pertama, pergi melalui kod HTML berikut:
< h2 > Kunci storan ( ) Kaedah dalam JavaScript h2 >< butang onclick = 'myFunc()' > Dapatkan Kunci Storan Sesi yang Ditentukan butang >
< p id = 'demo' > hlm >
Kod di atas adalah sama seperti Contoh 1 tetapi dengan beberapa kemas kini dalam kandungan HTML.
Kod JavaScript
Seterusnya, teruskan ke kod berikut:
< skrip >sessionStorage. setItem ( 'Laman web' , 'Linux' ) ;
sessionStorage. setItem ( 'Pertama' , 'HTML' ) ;
sessionStorage. setItem ( 'Kedua' , 'JavaScript' ) ;
fungsi myFunc ( ) {
terdapat x = sessionStorage. kunci ( 2 ) ;
dokumen. getElementById ( 'demo' ) . innerHTML = x ;
}
skrip >
Di sini, item storan sesi dibuat menggunakan ' sessionStorage ” harta dan kemudian “ kunci() ” kaedah digunakan untuk mendapatkan nama kunci storan sesi indeks yang ditentukan bagi indeks kedua.
Pengeluaran
Dalam hasil ini, kaedah 'kunci()' memaparkan nama kunci item storan sesi yang disimpan pada indeks kedua. Proses carian untuk nama kunci storan mengikut susunan abjad yang mula mencari dari ' 0 ” indeks.
Kesimpulan
JavaScript menyediakan Storan ' kunci() ' kaedah untuk mendapatkan nama kunci dengan indeks tertentu kedua-dua ' tempatan ' dan juga ' sesi ” objek simpanan. Ia mencari nama kunci yang ditentukan dalam storan dan kemudian memaparkan namanya dalam DOM (Model Objek Dokumen). Ia hanya memerlukan parameter 'indeks' untuk melaksanakan tugas ini. Siaran ini menggambarkan cara kerja kaedah 'key()' Storan JavaScript secara terperinci.