Crear matriz en cookie con javascript

Question

¿Es posible crear una cookie usando matrices?

Me gustaría almacenar a[0]='peter', a['1']='esther', a['2']='john' en una cookie en JavaScript.

Answer 1

Las cookies solo pueden contener cadenas. Si desea simular una matriz, debe serializarla y deserializarla.

Se puede hacer esto con una biblioteca JSON.

Answer 2

¿Crear matriz en cookie usando jQUery?

var list = new cookieList("test"); $(img).one('click', function(i){ while($('.selected').length < 3) { 
    $(this).parent() 
     .addClass("selected") 
     .append(setup.config.overlay); 

    //$.cookie(setup.config.COOKIE_NAME, d, setup.config.OPTS); 
    var index = $(this).parent().index(); 

    // suppose this array go into cookies.. but failed 
    list.add(index); 

    var count = 'You have selected : <span>' + $('.selected').length + '</span> deals'; 
    if($('.total').length){ 
     $('.total').html(count); 
    } 

} }); 

Answer 3

Estoy de acuerdo con otros comentarios, no deberías estar haciendo esto y deberías estar usando JSON. Sin embargo, para responder a su pregunta, puede hackear esto almacenando la matriz como una cadena delimitada por comas. Digamos que quería ahorrar la siguiente matriz de JavaScript en una cookie:

var a = ['peter','esther','john']; 

Se podría definir una cadena de galletas, a continuación, iterar sobre la matriz:

// Create a timestamp in the future for the cookie so it is valid 
var nowPreserve = new Date(); 
var oneYear = 365*24*60*60*1000; // one year in milliseconds 
var thenPreserve = nowPreserve.getTime() + oneYear; 
nowPreserve.setTime(thenPreserve); 
var expireTime = nowPreserve.toUTCString(); 

// Define the cookie id and default string 
var cookieId = 'arrayCookie'; 
var cookieStr = ''; 

// Loop over the array 
for(var i=0;i<a.length;i++) { 
    cookieStr += a[i]+','; 
} 

// Remove the last comma from the final string 
cookieStr = cookieStr.substr(0,cookieStr.length-1); 

// Now add the cookie 
document.cookie = cookieId+'='+cookieStr+';expires='+expireTime+';domain='+document.domain; 

En este ejemplo, se llega a la tras cookie almacenada (si su dominio es www.example.com):

arrayCookie=peter,ester,john;expires=1365094617464;domain=www.example.com 

Answer 4

Como se puede leer en este topic:

Combina el uso del plugin jQuery.cookie y JSON y resuelve su problema.

Cuando desea almacenar una matriz, se crea una matriz de JS y utilizar JSON.stringify para transformarla en una cadena y guardada con $.cookie('name', 'array_string')

var myAry = [1, 2, 3]; 
$.cookie('name', JSON.stringify(myAry)); 

Cuando desee retrive la matriz dentro de la cookie, use $.cookie('name') para recuperar el valor de la cookie y use JSON.parse para recuperar la matriz de la cadena.

var storedAry = JSON.parse($.cookie('name')); 
//storedAry -> [1, 2, 3] 

Answer 5

que añadir el siguiente código Guión (ver el siguiente código) en un archivo JavaScript denominado CookieMonster.js.

Es un envoltorio sobre el fragmento actual de http://www.quirksmode.org/js/cookies.html

Se trabaja con matrices y cadenas, que automágicamente escapar de la matriz/comas de cadena , y puntos y comas ; (que no se manejan en los fragmentos originales).

He enumerado el uso simple y el uso de bonificaciones que incorporé.

de uso:

//set cookie with array, expires in 30 days 
var newarray = ['s1', 's2', 's3', 's4', 's5', 's6', 's7']; 
cookiemonster.set('series', newarray, 30); 

var seriesarray = cookiemonster.get('series'); //returns array with the above numbers 

//set cookie with string, expires in 30 days 
cookiemonster.set('sample', 'sample, string;.', 30); 

var messagestring = cookiemonster.get('sample'); //returns string with 'sample, string;.' 

bonos:

//It also conveniently contains splice and append (works for string or array (single string add only)). 

//append string 
cookiemonster.append('sample', ' add this', 30); //sample cookie now reads 'sample, string;. add this' 

//append array 
cookiemonster.append('series', 's8', 30); //returns array with values ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8'] 

//splice 
cookiemonster.splice('series', 1, 2, 30); //returns array with values ['s1', 's4', 's5', 's6', 's7', 's8'] 

CookieMonster.js:

 var cookiemonster = new Object(); 

     cookiemonster.append = function (cookieName, item, expDays) { 
      item = cm_clean(item); 
      var cookievalue = cookiemonster.get(cookieName); 
      if (cookievalue instanceof Array) { 
       cookievalue[cookievalue.length] = item; 
       cm_createCookie(cookieName, cm_arrayAsString(cookievalue), expDays); 
      } else { 
       cm_createCookie(cookieName, cookievalue + item, expDays); 
      } 
     }; 

     cookiemonster.splice = function (cookieName, index, numberToRemove, expDays) { 
      var cookievalue = cookiemonster.get(cookieName); 
      if (cookievalue instanceof Array) { 
       cookievalue.splice(index, numberToRemove); 
       cm_createCookie(cookieName, cm_arrayAsString(cookievalue), expDays); 
      } 
     }; 



     cookiemonster.get = function (cookieName) { 
      var cstring = cm_readCookie(cookieName); 
      if (cstring.indexOf('<#&type=ArrayVals>') != -1) { 

       var carray = cstring.split(','); 

       for (var i = 0; i < carray.length; i++) { 
         carray[i] = cm_dirty(carray[i]); 
       } 

       if (carray[0] == '<#&type=ArrayVals>') { 
        carray.splice(0, 1); 
       } 

       return carray; 

      } else { 

       return cm_dirty(cstring); 
      } 
     }; 

     cookiemonster.set = function (cookieName, value, expDays) { 
      if (value instanceof Array) { 
       cm_createCookie(cookieName, cm_arrayAsString(value), expDays); 
      } 
      else { cm_createCookie(cookieName, cm_clean(value), expDays); } 

     }; 

     cookiemonster.eraseCookie = function (name) { 
      cm_createCookie(name, "", -1); 
     }; 

     function cm_replaceAll(str, find, replace) { 

      return str.replace(new RegExp(find, 'g'), replace); 
     }; 

     function cm_clean(ret) { 
      ret = cm_replaceAll(ret.toString(), ',', '&#44'); 
      ret = cm_replaceAll(ret.toString(), ';', '&#59'); 
      return ret; 
     }; 
     function cm_dirty(ret) { 
      ret = cm_replaceAll(ret, '&#44', ','); 
      ret = cm_replaceAll(ret, '&#59', ';'); 
      return ret; 
     }; 

     function cm_createCookie(name, value, days) { 
      if (days) { 
       var date = new Date(); 
       date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
       var expires = "; expires=" + date.toGMTString(); 
      } else var expires = ""; 
      document.cookie = name + "=" + value + expires + "; path=/"; 
     }; 

     function cm_readCookie(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; 
     }; 

     function cm_arrayAsString(array) { 
      var ret = "<#&type=ArrayVals>"; //escapes, tells that string is array 
      for (var i = 0; i < array.length; i++) { 
        ret = ret + "," + cm_clean(array[i]); 
      } 
      return ret; 
     }; 

Answer 6

Por ejemplo que se puede hacer con bastante facilidad:

• hacer galletas:

  ///W3Schools Cookie Code: 
  function setCookie(cname,cvalue,exdays) { 
      var d = new Date(); 
      d.setTime(d.getTime() + (exdays*24*60*60*1000)); 
      var expires = "expires=" + d.toGMTString(); 
      document.cookie = cname + "=" + cvalue + ";" + expires + ";"; 
  } 
  
  function getCookie(cname) { 
      var name = cname + "="; 
      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); 
       } 
       if (c.indexOf(name) == 0) { 
        return c.substring(name.length, c.length); 
       } 
      } 
      return ""; 
  } 
  
  ///My Own Code: 
  for(a=0;a<b.length;a++){ 
      setCookie(b[a],b[a],periodoftime); 
  } 
  

• Recuperar Matriz:

  for(a=0;a<b.length;a++){ 
      b[a] = getCookie(b[a]) 
  } 
  

Para cualquier matriz con otros tipos de valores, además de cadenas:

• hacer galletas:

  ///Replace MyCode above With: 
  if(typeof b[a] === 'string'){ 
      setCookie(b[a],b[a],periodoftime); 
  }else{ 
      setCookie(b[a].toString,b[a],periodoftime); 
  } 
  

• Recuperar Matriz:

  for(a=0;a<b.length;a++){ 
      if(typeof b[a] === 'string'){ 
       b[a] = getCookie(b[a]) 
      }else{ 
       b[a] = getCookie(b[a].toString) 
      } 
  } 
  

El único defecto es que los valores idénticos no se pueden recuperar.

No se necesita JQuery, separación de coma o JSON.

Answer 7

He creado esta forma fácil de obtener cookies. Se va a dar error si ejecutar aquí, pero es funcional

var arrayOfCookies = []; 
 
function parseCookieToArray() 
 
{ 
 
    var cookies  = document.cookie; 
 
    var arrayCookies = cookies.split(';'); 
 
    arrayCookies.map(function(originalValue){ 
 
     var name = originalValue.split('=')[0]; 
 
     var value = originalValue.split('=')[1]; 
 
     arrayOfCookies[name] = value; 
 
    }); 
 
} 
 
console.log(arrayOfCookies); //in my case get out: [language: 'en_US', country: 'brazil'] 
 
parseCookieToArray();

Nueva Mis nuevos obj a createget galletas

cookie = { 
    set: function(name, value) { 
     document.cookie = name+"="+value; 
    }, 
    get: function(name) { 
     cookies = document.cookie; 
     r = cookies.split(';').reduce(function(acc, item){ 
      let c = item.split('='); //'nome=Marcelindo' transform in Array[0] = 'nome', Array[1] = 'Marcelindo' 
      c[0] = c[0].replace(' ', ''); //remove white space from key cookie 
      acc[c[0]] = c[1]; //acc == accumulator, he accomulates all data, on ends, return to r variable 
      return acc; //here do not return to r variable, here return to accumulator 
     },[]); 
    } 
}; 
cookie.set('nome', 'Marcelindo'); 
cookie.get('nome'); 

Y perdóname por mis primeros Inglés .