Menghapus localStorage dalam javascript?

Apakah ada cara untuk mengatur ulang / menghapus localStorage browser di javascript?

Gunakan ini untuk menghapus penyimpanan lokal:

localStorage.clear();

Jika Anda ingin menghapus Item atau variabel tertentu dari penyimpanan lokal pengguna, Anda dapat menggunakan

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

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

Berikut adalah fungsi yang akan memungkinkan Anda untuk menghapus semua item Penyimpanan lokal dengan pengecualian. Anda membutuhkan jQuery untuk fungsi ini. Anda dapat mengunduh intinya .

Anda bisa menyebutnya seperti ini

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);
    }
  }
};

Penyimpanan lokal terlampir di global window. Ketika kami mencatat penyimpanan lokal di devtools krom, kami melihat bahwa ia memiliki API berikut:

Kami dapat menggunakan API berikut untuk menghapus item:

1. localStorage.clear(): Menghapus seluruh penyimpanan lokal
2. localStorage.removeItem('myItem'): Untuk menghapus item individual

Hal pertama yang pertama, Anda perlu memeriksa untuk memastikan bahwa localStorage diaktifkan. Saya akan merekomendasikan melakukannya seperti ini:

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

Ya, Anda dapat (dalam beberapa kasus) hanya memeriksa untuk melihat apakah localStorage adalah anggota objek jendela. Namun, ada opsi iframe sandboxing (antara lain) yang akan memberikan pengecualian jika Anda bahkan mencoba mengakses indeks 'localStorage'. Jadi, untuk alasan praktik terbaik, ini adalah cara terbaik untuk memeriksa untuk melihat apakah penyimpanan lokal diaktifkan. Kemudian, Anda bisa menghapus penyimpanan lokal seperti itu.

if (localStorageEnabled) localStorage.clear();

Misalnya, Anda bisa menghapus penyimpanan lokal setelah kesalahan terjadi di browser webkit seperti itu.

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

Dalam contoh di atas, Anda memerlukan .bind(window)karena tanpa itu, localStorage.clearfungsi akan berjalan dalam konteks windowobjek, bukan localStorageobjek yang membuatnya gagal. Untuk menunjukkan ini, lihat contoh di bawah ini:

window.onerror = localStorage.clear;

sama dengan:

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

Jika Anda ingin menghapus semua item yang Anda simpan di Penyimpanan lokal maka

localStorage.clear();

Gunakan ini untuk menghapus semua kunci yang disimpan.

Jika Anda ingin menghapus / hanya menghapus kunci / nilai tertentu maka Anda dapat menggunakan removeItem (kunci) .

localStorage.removeItem('yourKey');

localStorage.clear();

atau

window.localStorage.clear();

untuk menghapus item tertentu

window.localStorage.removeItem("item_name");

Untuk menghapus nilai tertentu dengan id:

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;
                }
            });

Untuk menghapus sessionStorage

sessionStorage.clear();

Berikut adalah kode sederhana yang akan menghapus penyimpanan lokal yang disimpan di browser Anda dengan menggunakan javascript

    <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>

Untuk mengkonfirmasi apakah penyimpanan lokal kosong gunakan kode ini:

<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>

jika mengembalikan nol maka penyimpanan lokal Anda dihapus.

Kode ini di sini Anda memberikan daftar string yang tidak ingin Anda hapus, lalu memfilternya dari semua kunci di penyimpanan lokal kemudian menghapus yang lain.

const allKeys = Object.keys(localStorage);

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

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