JavaScript Cookie Management

Discover effective techniques for managing cookies in JavaScript. This guide provides examples for viewing, setting, getting, updating, and deleting cookies, including setting expiration dates for enhanced control.

View Cookie

document.cookie

Set a Cookie

document.cookie = "name=value; expires=expiration_date; path=path; domain=domain; secure";

Get a Cookie

const cookies = document.cookie;

Cookie Expiration Date Format

const expirationDate = new Date();
expirationDate.setTime(expirationDate.getTime() + (1 * 60 * 60 * 1000));
const expirationDateString = expirationDate.toUTCString();

Set a Cookie with Expiration Date

const expirationDate = new Date();
expirationDate.setTime(expirationDate.getTime() + (1 * 60 * 60 * 1000));
const expirationDateString = expirationDate.toUTCString();

document.cookie = `username=John; expires=${expirationDateString}`;

Get and Update a Cookie

const cookieArray = document.cookie.split('; ');

const usernameCookie = cookieArray.find(cookie => cookie.startsWith('username='));
let username = usernameCookie ? usernameCookie.split('=')[1] : '';

const updatedUsername = 'Jane';
document.cookie = `username=${updatedUsername}`;

Delete a Cookie

const cookieName = 'username';
document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;