Como limpar os dados da localStorage em JavaScript

Neste artigo você vai aprender a como limpar os dados da localStorage em JavaScript, ou seja, apagar tudo que está na storage

Fala programador(a), beleza? Bora aprender mais sobre localStorage também sobre JavaScript!

A localStorage é um local onde salvamos os dados para serem consumidos posteriormente

Mas eles podem ficar eternamente lá, como podemos removê-los?

Basta um simples comando e tudo estará apagado

Veja o exemplo prático:

localStorage.clear();

O método clear do objeto localStorage remove tudo que tem lá, de uma vez só

E se precisamos remover apenas um item?

Há uma maneira também!

Neste caso vamos utilizar o método removeItem, do objeto localStorage

localStorage.removeItem("item");

Em item você deve colocar o nome da chave que está na sua storage

Desta maneira você remove apenas um item, sendo assim mais cauteloso na ação 🙂

Conclusão

Neste artigo você aprendeu a como limpar os dados da localStorage com JavaScript

Utilizamos o método clear para limpar todos os dados da storage

E o método removeItem para remover apenas um item específico

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!

E o sessionStorage? Funciona igual?

Se você conhece a localStorage, a sessionStorage é bem parecida

A diferença é que a sessionStorage some quando você fecha a aba, e a localStorage fica salva mesmo depois

Mas pra limpar os dados o jeito é o mesmo

sessionStorage.clear();

Apaga tudo que está na sessionStorage de uma vez

sessionStorage.removeItem("item");

Remove só a chave que você passar, igualzinho ao localStorage 🙂

Como saber se o item existe antes de remover?

Às vezes você tenta remover uma chave que nem está lá

Não dá erro, mas é bom checar antes pra ter certeza do que está acontecendo

Pra isso usamos o getItem, que devolve o valor da chave, ou null se ela não existir

if (localStorage.getItem("item")) { localStorage.removeItem("item"); }

Assim você só remove se a chave realmente estiver na storage, ficando mais cauteloso na ação

Qual a diferença entre clear e removeItem?

Se liga que são pra situações diferentes

O clear apaga TUDO que está na storage de uma vez só, sem dó

Já o removeItem apaga só a chave que você indicar, deixando o resto intacto

Regra simples: quer zerar geral? clear. Quer tirar só uma coisa? removeItem

Leia também

• Como limpar input de arquivo com JavaScript
• Como excluir valor da localStorage ao fechar página em JavaScript