Javascript'te localStorage temizlensin mi?

Javascript tarayıcınızın localStorage sıfırlamak / temizlemek için herhangi bir yolu var mı?

LocalStorage'ı temizlemek için bunu kullanın:

localStorage.clear();

Kullanıcının yerel deposundan belirli bir Öğeyi veya değişkeni kaldırmak istiyorsanız,

localStorage.removeItem("name of localStorage variable you want to remove");

window.localStorage.clear(); //try this to clear all local storage

İstisnasız tüm localStorage öğelerini kaldırmanıza izin veren bir işlev. Bu işlev için jQuery gerekir . Bu özeti indirebilirsiniz .

Buna şöyle diyebilirsiniz

let clearStorageExcept = function(exceptions) {
  let keys = [];
  exceptions = [].concat(exceptions); // prevent undefined

  // get storage keys
  $.each(localStorage, (key) => {
    keys.push(key);
  });

  // loop through keys
  for (let i = 0; i < keys.length; i++) {
    let key = keys[i];
    let deleteItem = true;

    // check if key excluded
    for (let j = 0; j < exceptions.length; j++) {
      let exception = exceptions[j];
      if (key == exception) {
        deleteItem = false;
      }
    }

    // delete key
    if (deleteItem) {
      localStorage.removeItem(key);
    }
  }
};

Localstorage global olarak eklenmiştir window. Chrome aygıtlarına localstorage'ı kaydettiğimizde, aşağıdaki API'lara sahip olduğunu görüyoruz:

Öğeleri silmek için aşağıdaki API'ları kullanabiliriz:

1. localStorage.clear(): Tüm yerel depoyu temizler
2. localStorage.removeItem('myItem'): Tek tek öğeleri kaldırmak için

İlk olarak, localStorage'ın etkinleştirildiğinden emin olmak için kontrol etmeniz gerekir. Bunu böyle tavsiye ederim:

var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};

Evet, (bazı durumlarda) localStorage öğesinin pencere nesnesinin bir üyesi olup olmadığını kontrol edebilirsiniz. Bununla birlikte, 'localStorage' dizinine erişmeyi denerseniz iframe sanal alan seçenekleri (diğer şeylerin yanı sıra) bir istisna atar. Bu nedenle, en iyi uygulama nedenlerinden dolayı, localStorage'ın etkin olup olmadığını kontrol etmenin en iyi yolu budur. Ardından, localStorage'ı bu şekilde temizleyebilirsiniz.

if (localStorageEnabled) localStorage.clear();

Örneğin, webkit tarayıcılarında böyle bir hata oluştuktan sonra localStorage'ı temizleyebilirsiniz.

// clears the local storage upon error
if (localStorageEnabled)
  window.onerror = localStorage.clear.bind(localStorage);

Yukarıdaki örnekte, buna gerek yoktur, .bind(window)çünkü onsuz, localStorage.clearfonksiyon sessizce başarısız yapan nesne windowyerine nesnenin bağlamında çalışacaktır localStorage. Bunu göstermek için aşağıdaki örneğe bakın:

window.onerror = localStorage.clear;

aynıdır:

window.onerror = function(){
    localStorage.clear.call(window);
}

Tüm öğeyi silmek isterseniz saklanan localStorage sonra

localStorage.clear();

Saklanan tüm anahtarları silmek için bunu kullanın.

Yalnızca belirli bir anahtarı / değeri silmek / kaldırmak istiyorsanız removeItem (anahtar) kullanabilirsiniz .

localStorage.removeItem('yourKey');

localStorage.clear();

veya

window.localStorage.clear();

belirli bir öğeyi silmek

window.localStorage.removeItem("item_name");

Belirli bir değeri kimliğe göre kaldırmak için:

var item_detail = JSON.parse(localStorage.getItem("key_name")) || [];           
            $.each(item_detail, function(index, obj){
                if (key_id == data('key')) {
                    item_detail.splice(index,1);
                    localStorage["key_name"] = JSON.stringify(item_detail);
                    return false;
                }
            });

Oturumu temizlemek için

sessionStorage.clear();

Javascript kullanarak tarayıcınızda depolanan yerel depoyu temizleyecek basit bir kod

    <script type="text/javascript">

if(localStorage) { // Check if the localStorage object exists

    localStorage.clear()  //clears the localstorage

} else {

    alert("Sorry, no local storage."); //an alert if localstorage is non-existing
}

</script>

Yerel depolama alanının boş olup olmadığını onaylamak için bu kodu kullanın:

<script type="text/javascript">

// Check if the localStorage object exists
if(localStorage) {

    alert("Am still here, " + localStorage.getItem("your object name")); //put the object name
} else {
    alert("Sorry, i've been deleted ."); //an alert
}

</script>

null değerini döndürürse yerel depolama alanınız temizlenir.

Bu kod burada silmek istemediğiniz anahtar dizelerinin listesini verir, ardından yerel depolamadaki tüm anahtarlardan filtreler ve ardından diğerlerini siler.

const allKeys = Object.keys(localStorage);

const toBeDeleted = allKeys.filter(value => {
  return !this.doNotDeleteList.includes(value);
});

toBeDeleted.forEach(value => {
  localStorage.removeItem(value);
});