Limpando localStorage em javascript?

Existe alguma maneira de redefinir / limpar o localStorage do navegador em javascript?

Use isso para limpar localStorage:

localStorage.clear();

Se você deseja remover um item ou variável específica do armazenamento local do usuário, pode usar

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

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

Aqui está uma função que permitirá remover todos os itens localStorage com exceções. Você precisará do jQuery para esta função. Você pode baixar a essência .

Você pode chamar assim

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

O armazenamento local está anexado no global window. Quando registramos o armazenamento local no devtools do chrome, vemos que ele possui as seguintes APIs:

Podemos usar as seguintes APIs para excluir itens:

1. localStorage.clear(): Limpa todo o armazenamento local
2. localStorage.removeItem('myItem'): Para remover itens individuais

Primeiramente, você precisa verificar se o localStorage está ativado. Eu recomendaria fazê-lo assim:

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

Sim, você pode (em alguns casos) apenas verificar se o localStorage é um membro do objeto de janela. No entanto, existem opções de sandbox de iframe (entre outras coisas) que lançarão uma exceção se você tentar acessar o índice 'localStorage'. Portanto, por motivos de melhores práticas, esta é a melhor maneira de verificar se o localStorage está ativado. Em seguida, você pode simplesmente limpar o localStorage assim.

if (localStorageEnabled) localStorage.clear();

Por exemplo, você pode limpar o localStorage após a ocorrência de um erro nos navegadores do kit da web.

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

No exemplo acima, você precisa do .bind(window)porque, sem ele, a localStorage.clearfunção será executada no contexto do windowobjeto, em vez de o localStorageobjeto causar uma falha silenciosa. Para demonstrar isso, veja o exemplo abaixo:

window.onerror = localStorage.clear;

é o mesmo que:

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

Se você deseja limpar todos os itens armazenados no localStorage ,

localStorage.clear();

Use isso para limpar todas as chaves armazenadas.

Se você deseja limpar / remover apenas uma chave / valor específico, pode usar removeItem (chave) .

localStorage.removeItem('yourKey');

localStorage.clear();

ou

window.localStorage.clear();

limpar item específico

window.localStorage.removeItem("item_name");

Para remover um valor específico por 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;
                }
            });

Para limpar o sessionStorage

sessionStorage.clear();

Aqui está um código simples que limpa o armazenamento local armazenado no seu navegador usando 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>

Para confirmar se o armazenamento local está vazio, use este código:

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

se retornar nulo, seu armazenamento local será limpo.

Este código aqui fornece uma lista de cadeias de chaves que você não deseja excluir e, em seguida, filtra aquelas de todas as chaves no armazenamento local e exclui as outras.

const allKeys = Object.keys(localStorage);

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

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