LocalStorage Nedir ve Nasıl Kullanılır

Son zamanlarda çok sık kullanmaya başladığım bir olayı sizede anlatmak istedim. Web Storage bize veri depolamak için 2 seçenek sunmakta. Bunlardan biri de Local Storage (Yerel Depolama) local Storage mantığı tıpkı persistent cookies (kalıcı çerezler) gibidir. Veriler bilgisayarda (tarayıcıya göre konum değişebilir) depolanır. Tarayıcı geçmişi silinene kadar, kullanıcı verileri silene kadar ya da tarayıcı silinene kadar veriler kaybolmaz. Local Storage özelliği Javascript ile kullanılır. Depolama işlemleri yapılırken HTML5 ile birlikte hazır olarak gelen localStorage nesnesinden yararlanılır.

Local Storage’a Veri Ekleme

Local Storage’a veri eklemek için localStorage nesnesinin setItem() metodu kullanılır. Çerezlerde olduğu gibi yine key-value tanımlaması geçerlidir.

key: Değerin hangi isimle depolanacağını belirtir.
value: Depolanacak değeri belirtir.

Örneğin; Chrome ile “Öğeyi Denetle” seçeneğinden “Resources” sekmesine girip, soldaki menüden Local Storage’a tıklandığında hangi sitede hangi verilerin depolandığı karşınıza çıkacaktır.

Local Storage’dan Veri Okuma

Local Storage’dan veri okumak için localStorage nesnesinin getItem() metodu kullanılır.

key: Hangi depolanan değerin okunacağını belirtir.

Local Storage’dan Veri Silmek

Local Storage’dan veri silmek için localStorage nesnesinin removeItem() metodu kullanılır.

key: Hangi depolanan değerin silineceğini belirtir.

Local Storage’daki Tüm Verileri Silmek

Local Storage’daki tüm verileri silmek için localStorage nesnesinin clear() metodu kullanılır.

 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


Günlük 1 İpucu

Yüzde hesaplatırken kullanmanız gereken formül şudur; MEVCUT DEĞER / TOPLAM DEĞER * 100