Como criar cookies com JavaScript

Neste artigo você vai aprender a como criar cookies com JavaScript, e também ler cookies ou deletar cookies.

Fala programador(a), beleza? Bora aprender a como trabalhar com cookies em JavaScript!

Neste artigo vou utilizar um famoso snippet que contém as ações de:

• Inserir/criar um novo cookie;
• Ler os cookies já cadastrados;
• Deletar um cookie;

Ele implementa já novas técnicas de JavaScript, o que torna o código moderno

Veja o exemplo de código:

const setCookie = (name, value, days = 7, path = '/') => {
  const expires = new Date(Date.now() + days * 864e5).toUTCString()
  document.cookie = name + '=' + encodeURIComponent(value) + '; expires=' + expires + '; path=' + path
}

const getCookie = (name) => {
  return document.cookie.split('; ').reduce((r, v) => {
    const parts = v.split('=')
    return parts[0] === name ? decodeURIComponent(parts[1]) : r
  }, '')
}

const deleteCookie = (name, path) => {
  setCookie(name, '', -1, path)
}

A primeira função cria um novo cookie, ela precisa ser configurada com os valores:

• Nome do cookie;
• Valor do cookie;
• Dias para expiração;
• Path do site;

Depois temos a função que resgata um cookie da sua lista de cookies, você precisa passar o nome do cookie que quer resgatar

E por último temos a função de deletar, que precisa ser configurada com: nome e path

Com estas operações é possível manipular a lista de cookies, basta agora adaptar as necessidades do seu projeto

Deixe um comentário contando o que achou deste artigo 🙂

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

Conclusão

No artigo de hoje você viu como criar cookies com JavaScript, e também ler ou deletar valores

Utilizamos um snippet muito conhecido, que já aplica as funcionalidadades ES6+ de JS

Agora basta você colocar no seu código, e trabalhar com os cookies da maneira que deseja

Atente-se para os parâmetros de configuração de cada função, e sugiro também tentar entender o que está executando em cada uma delas

Muito melhor do que apenas executar um código, é compreendê-lo e poder criar também as suas próprias funcionalidades

Está buscando a sua primeira vaga como Programador? 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!