Bu gönderi, JavaScript'te Depolama 'key()' yöntemini gösterir.
Storage key() Yöntemi JavaScript'te Ne Yapar?
“ anahtar() ” yöntemi, belirtilen dizine yerleştirilen anahtar adını alan Storage nesnesi ile ilişkilendirilir. “Depolama” nesnesi “ yerel ' ya da ' oturum ' depolamak. Kullanıcıların hem yerel hem de oturum depolama anahtarlarına erişmesine izin verir.
Sözdizimi (Yerel Depolama İçin)
yerel depolama. anahtar ( dizin ) ;
Yukarıdaki sözdizimi bir parametre kabul eder ' dizin ”, belirli bir dizindeki anahtarın adını döndürür.
Sözdizimi (Oturum Depolama İçin)
sessionStorage. anahtar ( dizin ) ;
Yukarıdaki sözdizimi, 'localStorage' ile aynı 'index' parametresini de destekler.
Yukarıda tanımlanan sözdizimlerinin her ikisi de, depolama nesnesinin anahtar adını bir dize olarak döndürür. İkisini de teker teker uygulayalım.
Örnek 1: Belirtilen Yerel Depolama Anahtar Adını Almak için Depolama 'key()' Yöntemini Uygulama
Bu örnek, yerel olarak belirtilen dizin depolama anahtarı adını almak için 'key()' depolama yönteminin pratik uygulamasını açıklar.
HTML Kodu
İlk olarak, verilen HTML koduna bir göz atın:
< h2 > Depolama anahtarı ( ) Yöntem JavaScript'te h2 >< tıklama düğmesi = 'benimFunc()' > Belirtilen Yerel Depolama Anahtarını Alın düğme >
< p kimliği = 'demo' > P >
Yukarıdaki kod parçacığında:
- İlk olarak, “ aracılığıyla bir alt başlık belirleyin. ' etiket.
- Ardından, “ yardımıyla bir düğme ekleyin.
' etiketi içeren ' etiketi tıklamada 'işlevi yürütmek için olay' benimFunc() ” düğmesine tıklayın. - Son olarak, “ ile boş bir paragraf oluşturun. Atanan kimliği “demo” aracılığıyla kolayca erişilebilen ” etiketi.
JavaScript Kodu
Ardından, aşağıda belirtilen kodla devam edin:
< senaryo >yerel depolama. setItem ( 'İnternet sitesi' , 'Linux' ) ;
yerel depolama. setItem ( 'İlk Eğitim' , 'HTML' ) ;
yerel depolama. setItem ( 'İkinci Eğitim' , 'JavaScript' ) ;
işlev myFunc ( ) {
var x = yerel depolama. anahtar ( 1 ) ;
belge. getElementById ( 'demo' ) . içHTML = X ;
}
senaryo >
Yukarıdaki kod bloğunda:
- “ yerel depolama ” özellik, “ ile ilişkilidir. setItem() Belirtilen yerel depolama öğelerini ayarlamak için ” yöntemi.
- Ardından, “ adlı işlev benimFunc() ' tanımlanmış.
- Tanımında “ anahtar() ” yöntemi, “ ile ilişkilidir. yerel depolama İlk dizinin anahtar adını almak için ” özelliği.
- Bundan sonra “ Document.getElementById() ” yöntemi, yerel depolama öğe anahtarı “name” ile eklemek için “demo” kimliğini kullanarak boş paragrafa erişmek için uygulanır.
Çıktı
Görüldüğü gibi, çıktıda yerel depolama öğesi anahtar adı .e görüntülenir. “SecondTutorial” butonuna tıklandığında alfabetik sırayı takip ederek ilk dizinde yer almaktadır.
Örnek 2: Belirtilen Oturum Depolama Anahtar Adını Almak için Depolama 'key()' Yöntemini Uygulama
Bu örnekte, Depolama 'key()' yöntemi, oturum depolama anahtarı adını belirli bir dizinle döndürür.
HTML Kodu
İlk olarak, aşağıdaki HTML kodunu gözden geçirin:
< h2 > Depolama anahtarı ( ) Yöntem JavaScript'te h2 >< tıklama düğmesi = 'benimFunc()' > Belirtilen Oturum Depolama Anahtarını Alın düğme >
< p kimliği = 'demo' > P >
Yukarıdaki kod, Örnek 1 ile aynıdır, ancak HTML içeriğinde birkaç güncelleme vardır.
JavaScript Kodu
Ardından, aşağıdaki koda geçin:
< senaryo >sessionStorage. setItem ( 'İnternet sitesi' , 'Linux' ) ;
sessionStorage. setItem ( 'Birinci' , 'HTML' ) ;
sessionStorage. setItem ( 'Saniye' , 'JavaScript' ) ;
işlev myFunc ( ) {
var x = sessionStorage. anahtar ( 2 ) ;
belge. getElementById ( 'demo' ) . içHTML = X ;
}
senaryo >
Burada, oturum depolama öğeleri “ kullanılarak oluşturulur. oturum depolama ” mülk ve ardından “ anahtar() İkinci indeksin belirtilen indeks oturum depolama anahtarı adını almak için ” yöntemi uygulanır.
Çıktı
Bu sonuçta, 'key()' yöntemi, ikinci dizinde saklanan oturum depolama öğesinin anahtar adını gösterdi. Saklama anahtarı adı için arama işlemi, aramayı “ “ 0 ” dizin.
Çözüm
JavaScript, Depolamayı sağlar ' anahtar() Her ikisinin de belirli dizini ile anahtar adını almak için ' yöntemi yerel ' ve ' oturum ” depolama nesneleri. Depoda belirtilen anahtar adını arar ve ardından adını DOM'da (Belge Nesne Modeli) görüntüler. Bu görevi gerçekleştirmek için sadece “index” parametresini gerektirir. Bu gönderi, JavaScript Depolama 'key()' yönteminin çalışmasını ayrıntılı olarak gösterdi.