Local storage, web tarayıcıları üzerinde uzun süreli veri saklama yöntemidir Bu yöntem sayesinde, kullanıcıların siteyi tekrar ziyaret ettiğinde bilgileri yeniden girmelerine gerek kalmaz Local storage, kullanıcının tarayıcısında belirtilen alanlarda saklanır ve diğer web siteleri tarafından erişim sağlanamaz, bu da kullanıcı verilerinin korunması açısından oldukça güvenlidir JavaScript ES6 sürümü ile local storage kullanmak oldukça kolaydır Veri kaydetmek için localStoragesetItem, veri okumak için localStoragegetItem, veri silmek için localStorageremoveItem yöntemleri kullanılır Ancak, local storage sınırlı bir alan kullandığı için üzerine yazma işlemi yapılırken dikkatli olunması gerekir ve gereksiz veriler silinmelidir Böylece, daha etkili ve verimli bir local storage yönetimi yapılabilir

Local storage, web tarayıcısında verilerin uzun süre saklanması için kullanılan bir yöntemdir. Veriler, kullanıcıların tarayıcıda belirtilen alanlarda saklanır ve diğer web siteleri tarafından erişim sağlanamaz. Bu sayede, kullanıcıların siteyi tekrar ziyaret ettiğinde bilgileri yeniden girmelerine gerek kalmaz.

Local storage, tarayıcıda sınırlı bir alan kullandığı için üzerine yazma işlemi yapılırken dikkatli olunması gereklidir. Aynı zamanda, kullanıcının veri depolama kapasitesi de sınırlı olabilir, bu nedenle gereksiz veriler silinmelidir.

Local Storage Nedir?

Web geliştirme süreçlerinde, local storage yaygın bir şekilde kullanılan bir yöntemdir. Local storage, kullanıcıların web tarayıcıları üzerinde belirtilen alanlarda verileri uzun süre saklamasına olanak sağlar. Bu veriler, diğer web siteleri tarafından erişilemez, sadece kullanıcının tarayıcısında saklanır. Bu nedenle, local storage kullanımı, kullanıcı verilerinin korunması açısından oldukça güvenlidir. Local storage, farklı web siteleri üzerinden yapılacak isteklerde hızlı yanıt vermesi nedeniyle de tercih edilen bir yöntemdir.

JavaScript (ES6) ile Local Storage Kullanmak

JavaScript (ES6) ile local storage kullanmak oldukça kolaydır. İlk olarak, veri kaydetmek için localStorage.setItem() yöntemi kullanılır. Bu yöntem iki parametre alır: bir anahtar (key) ve bir değer (value). Örneğin, localStorage.setItem('username', 'John'); şeklinde bir anahtar ve değer belirleyebilirsiniz.

Daha sonra, kaydedilen verileri çağırmak için localStorage.getItem() yöntemi kullanılır. Bu yöntem, bir anahtar adı alır ve ilgili değeri döndürür. Örneğin, let username = localStorage.getItem('username'); ile daha önceden kaydedilen kullanıcı adını elde edebilirsiniz.

Veriyi silmek için ise, localStorage.removeItem() yöntemi kullanılır. Bu yöntem de tek bir parametre alır: silinecek anahtar adı. Örneğin, localStorage.removeItem('username'); ile daha önceden kaydedilen kullanıcı adını silebilirsiniz.

Tüm verileri silmek isterseniz, localStorage.clear() yöntemini kullanabilirsiniz. Örneğin, localStorage.clear(); komutuyla tüm kaydedilmiş verileri silebilirsiniz.

Bu yöntemleri kullanarak JavaScript (ES6) ile local storage'ı yönetebilirsiniz.

Veri Kaydetmek

Veri kaydetmek için, JavaScript (ES6) sürümünde localStorage.setItem() yöntemi kullanılır. Bu yöntem, iki parametre alır: bir anahtar (key) ve değer (value). Anahtar ve değer, herhangi bir veri tipi kullanılarak geçirilebilir. Anahtar adı, tarayıcının local storage'ında veriyi bulmak için kullanılacak benzersiz bir tanımlayıcıdır.

Örneğin, aşağıdaki kod satırı, "username" isimli anahtarı ve "John" isimli değeri localStorage'ye kaydeder:

localStorage.setItem('username', 'John'); 

Veri kaydettikten sonra, local storage'de "username" anahtarına sahip bir veri saklanacak ve bu veri tarayıcı yeniden başlatıldığında bile korunacaktır. Anahtar adları, tarayıcıya özgüdür ve diğer web sitelerine veya domainlere erişilemez.

Örnek:

Bu örnekte localStorage.setItem() yöntemi kullanılarak 'username' anahtarına 'John' değeri atanıyor. Böylece kullanıcının adı 'John' olarak kaydedilmiş oluyor. Bu yöntemi kullanarak, kullanıcıya özgü verileri tarayıcıda saklayabilir ve daha sonra çağırabilirsiniz. Veriyi saklamak için birden fazla anahtar kelime kullanabilir ve bu anahtar kelimelerle bağlantılı verileri daha sonra çağırabilirsiniz. Örneğin kullanıcının adı yanı sıra, kullanıcının yaşını veya favori film ismini de kaydedebilirsiniz. Bu sayede, kullanıcının siteyi ziyaret ettiğinde kaydettikleri veriler tekrar yüklenir ve kullanıcıya daha kişiselleştirilmiş bir deneyim sunulabilir.

Veri Okumak

local storage'daki verileri okumak için getItem() yöntemi kullanılır. Bu yöntem, anahtar adını parametre olarak alır ve ilgili değeri döndürür. Örneğin, aşağıdaki kod örneği storage'daki "username" verisini okur ve username değişkenine atar:

```let username = localStorage.getItem('username');```

Bu yöntem ile storage'daki verilerin okunması, daha sonraki adımlarda bu verilere erişerek işlem yapılabilmesi için önemlidir. Ayrıca, getItem() metodunun çalışması için öncelikle verinin daha önce localStorage.setItem() yöntemi ile kaydedilmiş olması gerekir.

Örnek:

Bu örnek kodda, 'username' anahtarına karşılık gelen değeri almak için localStorage.getItem() yöntemi kullanılıyor. Bu değer, 'let' anahtar kelimesi ile bir değişkene atanıyor. Bu değişken daha sonra kod içinde kullanılabilir ya da başka amaçlar için saklanabilir. Aynı zamanda, getItem() yöntemi anahtar adı bulunamadığı durumda null değer döndürür, bu nedenle kodunuzda null kontrolü yapılması önerilir.

Veri Silmek

Veri silmek, local storage yönetiminde oldukça önemlidir. Veriyi silmek için kullanılan yöntem, localStorage.removeItem() yöntemidir. Bu yöntem, tek bir parametre alır. Bu parametre, silinecek anahtar adıdır. Örneğin, localStorage.removeItem('username'); şeklinde kullanılabilir. Bu yöntem sayesinde, local storage'da gereksiz verileri temizleyerek daha düzenli bir kullanım sağlayabiliriz. Böylece, daha etkili ve verimli bir local storage yönetimi yapabiliriz.

Örnek:

Veri silmek için kullanılan localStorage.removeItem() yöntemi, tek bir parametre olan silinecek anahtar adını alır. Bu yöntem, localStorage'da belirtilen anahtarı (key) ve ilgili değerini (value) siler. Örneğin, localStorage.setItem('username', 'John'); kodu ile kaydedilen 'username' anahtarına sahip değeri silmek için kullanılabilir.

localStorage.removeItem('username');

Bu kod, 'username' anahtarına sahip olan veriyi localStorage'dan tamamen siler. Bu yöntem, veri yönetiminde oldukça kullanışlıdır ve gereksiz verilerin saklanmasını önlemek için kullanılabilir.

Tüm Verileri Silmek

Bu yöntem, local storage'da saklanan tüm verileri siler. Kullanımı oldukça basittir, sadece localStorage.clear() kodu kullanarak tüm verileri silebilirsiniz. Ancak, verilerin yalnızca bulunduğu tarayıcıda silineceğini unutmayın. Başka bir tarayıcıda aynı verilere erişmeye çalıştığınızda, onları yeniden eklemeniz gerekir.

Eğer sadece belirli bir anahtar adını çıkarmak istiyorsanız localStorage.removeItem() yöntemini kullanabilirsiniz. Ancak, tüm verileri silmek istiyorsanız, bu yöntem en iyi seçenektir.

Tüm verileri silmeden önce, verilerinizin yedeklenmiş olduğundan emin olun. Böylece, ileride ihtiyacınız olduğunda bu verileri yeniden kullanabilirsiniz.

Tablolar veya listeler kullanarak, silme işlemi hakkında daha ayrıntılı bilgi verebilirsiniz. Bu, okuyucuların konuya daha iyi hakim olmasına yardımcı olabilir. Örneğin, silme işleminin geri dönüşü olmadığını veya silinen verilerin geri getirilemeyeceğini belirtebilirsiniz.

Örnek:

localStorage.clear() yöntemi, local storage'da tutulan tüm verileri silmeye yarar. Bu yöntemi kullanarak, önceden kaydedilmiş tüm verilerin silinmesi sağlanır. Örneğin, bir kullanıcının sayfada bıraktığı tüm verileri silmek istediğinizde, bu yöntemi kullanabilirsiniz. localStorage.clear() yöntemi, parametre almaz ve sadece çağrıldığında tüm verileri siler. Bu nedenle, bu yöntemi kullanmadan önce, kullanıcının silmek istediği verilerin tespit edilmesi ve gerekli onayların alınması gerekir. Özellikle, kullanıcıya veri kaybının geri alınamayacağına dair uyarı yapmak son derece önemlidir.