Answers for "cookies set in javascript"

javascript get all cookies

var getCookies = function(){
  var pairs = document.cookie.split(";");
  var cookies = {};
  for (var i=0; i<pairs.length; i++){
    var pair = pairs[i].split("=");
    cookies[(pair[0]+'').trim()] = unescape(pair.slice(1).join('='));
  }
  return cookies;
}

var myCookies = getCookies();
console.log(myCookies);

javascript delete cookie

function deleteCookie(name) {
  document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

javascript create cookie

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

setCookie("user_email","[email protected]",30); //set "user_email" cookie, expires in 30 days
var userEmail=getCookie("user_email");//"[email protected]"

javascript set cookie

const setCookie = (options) => {
  const {
    name,
    value = '',
    path = '/',
    duration = 3600,
  } = options;
  
  const durationMs = duration * 1000;
  const expires =
    new Date(Date.now() + durationMs);

  document.cookie = 
    `${name}=${escape(value)}; expires=${expires.toUTCString()}; path=${path}`;
}

const getCookie = (name, cast = String) => {
  if (document.cookie.length == 0)
    return;

  const match = document
    .cookie
    .match(`${name}=(?<value>[\\w]*);?`);

  if (!match)
    return;

  const value =
    match?.groups?.value ?? '';

  return cast(unescape(value));
}

const cookieExists = (name) => {
  return getCookie(name) !== undefined;
}

const deleteCookie = (name) => {
  setCookie({
    name: name,
    value: undefined,
    duration: -1,
  });
}


// Example string
setCookie({ 
  name: 'username',
  value: 'dude',
});

const username = 
  getCookie('username');


// Example number
setCookie({
  name: 'count',
  value: 100,
  duration: 300, // 300s, 5 minutes
});

const count =
  getCookie('count', parseInt);

deleteCookie('count');

How to set cookies in JavaScript

function setCookie(cname, cvalue, exdays) {

   const d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  let expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

set and get cookie in javascript

For storing array inside cookie : 
-----------------------------------
setter : var json_str = JSON.stringify(arr); cookie.set('mycookie', json_str);
getter : cookie.get('mycookie'); var arr = JSON.parse(json_str);
----------------------------------------------------------------------------
Function common for all type of variable : 
==========================================
let cookie = {
            set: function(name, value) {
                document.cookie = name+"="+value;
            },
            get: function(name) {
                let nameEQ = name + "=";
                let ca = document.cookie.split(';');
                for( let i = 0; i < ca.length; i++ ) {
                    let c = ca[i];
                    while (c.charAt(0)==' ') c = c.substring(1,c.length);
                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
                }
                return null;
            }
        }