localStorage, web sayfaları aracılığıyla veri depolamanıza ve sonraki sayfa yüklemelerinde bu verilere erişmenizi sağlayan bir JavaScript API’sidir.

JavaScript'te localStorage Nasıl Kullanılır? Basit Anlatım

localStorage kullanmak için, localStorage nesnesinin özelliklerini ve yöntemlerini kullanmanız gerekir. Örneğin, setItem() yöntemiyle bir anahtar-değer çifti ekleyebilirsiniz ve getItem() yöntemiyle depolanan bir değeri alabilirsiniz.

Aşağıdaki örnek, localStorage kullanarak bir kullanıcının adını depolar ve daha sonra tekrar yükleyerek depolanan adı gösterir:

// Kullanıcının adını depolayın
localStorage.setItem(“userName”, “John”);
// Depolanan kullanıcı adını alın
const storedName = localStorage.getItem("userName");

// Depolanan kullanıcı adını gösterin
console.log(`Kullanıcı adı: ${storedName}`);
Yukarıdaki örnekte, localStorage’a “userName” anahtarını ve “John” değerini depoluyoruz. Daha sonra, getItem() yöntemiyle “userName” anahtarına karşılık gelen değeri alıyoruz ve bu değeri konsola yazdırıyoruz.
Bir diğer örnek ise, depolanan bir veriyi silmek için removeItem() yöntemini kullanmaktır:
javascript
// Kullanıcının adını depolayın
localStorage.setItem(“userName”, “John”);
// Depolanan kullanıcı adını silin
localStorage.removeItem(“userName”);
Yukarıdaki örnekte, önce bir kullanıcı adı depoluyoruz, ardından removeItem() yöntemi ile “userName” anahtarına karşılık gelen veriyi siliyoruz.
localStorage’ın kapasitesi ve desteklenen veri tipleri sınırlıdır, bu nedenle büyük veri kümelelerini veya veri nesnelerini depolamak yerine veritabanı veya sunucu taraflı depolama yöntemleri kullanılmalıdır.

Bir cevap yazın

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