Como limpar os cookies com JavaScript

Neste artigo você vai aprender a como limpar os cookies com JavaScript, vamos utilizar um código bem simples para isso!

Fala programador(a), beleza? Bora aprender mais a lidar com cookies em JS!

Nós podemos realizar a ação de deletar todos os cookies com a cookieStore, que é uma API de JavaScript para trabalhar com os cookies

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Veja um exemplo de código:

cookieStore.getAll().then(cookies => cookies.forEach(cookie => {
    cookieStore.delete(cookie.name);
}));

Assim deletamos todos os cookies!

Porém, a cookieStore não está presente em todos os navegadores, então temos que tomar cuidado

Você pode checar em quais ela funciona aqui.

Há também uma alternativa que funciona em todos os navegadores, mas não é tão limpa quanto a primeira

O snippet é este:

document.cookie.split(";").forEach(function(c) { document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/"); });

Em uma linha limpamos todos os cookies, após algumas operações

Agora basta escolher a abordagem que você deseja

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você viu como limpar os cookies com JavaScript

Utilizamos duas abordagens:

• cookieStore: que é mais simples, porém não funciona em todos os navegadores;
• Alternativa padrão: que utiliza uma abordagem mais simples de JS, padronizada nos navegadores;

Agora basta você escolher qual das duas faz mais sentido para o seu projeto!

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!