Cómo Crear, Eliminar y Verificar Cookies en Javascript

Las cookies son un pequeño conjunto de datos que se almacenan en el navegador y nos permiten verificar permisos como la política de privacidad de nuestra web.

Para ello he creado una pequeña clase que utilizo para realizar esta tarea en todos mis trabajos.

class CookieCreator { contains = (name) =>{ let text = decodeURIComponent(document.cookie) let cookies = text.split(';') for (const cookie of cookies) { if (cookie.includes(`${name}=`)) { return true } } return false } store = (name, seconds = 60 * 60 * 24 * 7, path = '/') =>{ let date = new Date() date.setTime(date.getTime() + (seconds * 1000)) document.cookie = `${name}=true;expires=${date.toUTCString()};path=${path}` } destroy = (name) =>this.store(name, 0) }
Clase para Crear, Eliminar y Validar Cookies

Seguidamente, te muestro la forma de uso de esta clase.

const cookie_creator = new CookieCreator() cookie_creator.contains('cookie_name') // check if the cookie exists cookie_creator.store('cookie_name', 3600) // create a cookie cookie_creator.destroy('cookie_name') // destroy a cookie
Crear, Eliminar y Verificar Cookies

Finalmente, te dejo la explicación de cada uno de estos métodos.

Store (Crear Cookies)

Este método o función sirve para crear cookies y únicamente necesita 2 parámetros, el primero es el nombre y el segundo es el tiempo de almacenamiento en segundos, es decir, cuantos segundos durará la cookie en el navegador.

Existe un 3er parámetro que te permite seccionar la cookie para una url de tu web en caso de ser necesario. Por el contrario actuará para toda la web.

Destroy (Eliminar Cookies)

Esta función permite eliminar la cookie del navegador, para ello se usa el método store y se le da una expiración de 0 segundos, es decir, la cookie expirará instantáneamente y el navegador la eliminará automáticamente.

Contains (Verificar Cookies)

Este método te permite verificar si ya existe una cookie en el navegador, de forma que puedas crear cookies sin interferir con las demás o evitar que cada vez que un usuario que entra a tu web, se le pregunte si desea aceptar cookies que ya había aceptado antes.