blocks|key|846730|text|正如您在此topic中所看到的那样|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|846731|您可以结合使用jQuery.cookie插件和JSON来解决您的问题。|846732|当您想要存储数组时，您可以在JS中创建一个数组，并使用JSON.stringify将其转换为字符串并使用$.cookie('name',+'array_string')进行存储|style|CODE|846733|var+myAry+=+[1,+2,+3];
$.cookie('name',+JSON.stringify(myAry));|code-block|syntax|javascript|846734|当您想要检索cookie中的数组时，可以使用$.cookie('name')检索Cookie值，并使用JSON.parse从字符串中检索数组。|846735|var+storedAry+=+JSON.parse($.cookie('name'));
//storedAry+->+[1,+2,+3]|846736|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/8163815/cookie-array-in-javascript|1|https://github.com/carhartl/jquery-cookie|2|http://www.json.org/^0|5|5|0|0|7|D|1|N|4|2|0|R|E|1G|W|0|0|M|G|1F|A|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]|$A|1C|B|1D|1|1E]]|C|$]]|$1|F|3|G|5|6|7|1F|8|@$A|1G|B|1H|H|I]|$A|1I|B|1J|H|I]]|9|@]|C|$]]|$1|J|3|K|5|L|7|1K|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|1L|8|@$A|1M|B|1N|H|I]|$A|1O|B|1P|H|I]]|9|@]|C|$]]|$1|Q|3|R|5|L|7|1Q|8|@]|9|@]|C|$M|N]]|$1|S|3|-4|5|6|7|1R|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]|12|$5|V|W|X|C|$Y|13]]]]

As you can read in this <a href="https://stackoverflow.com/questions/8163815/cookie-array-in-javascript">topic</a>:

You combine the use <a href="https://github.com/carhartl/jquery-cookie" rel="noreferrer">jQuery.cookie</a> plugin and <a href="http://www.json.org/" rel="noreferrer">JSON</a> and solve your problem. 

When you want to store an array, you create an array in JS and use <code>JSON.stringify</code> to transform it into an string and stored with <code>$.cookie('name', 'array_string')</code>

<pre><code>var myAry = [1, 2, 3];
$.cookie('name', JSON.stringify(myAry));
</code></pre>

When you want to retrive the array inside the cookie, you use <code>$.cookie('name')</code> to retrive the cookie value and use <code>JSON.parse</code> to retrive the array from the string.

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

blocks|key|1060987|text|Cookie只能保存字符串。如果你想模拟一个数组，你需要序列化和反序列化它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1060988|您可以使用JSON库来做到这一点。|offset|length|1060989|entityMap|0|LINK|mutability|MUTABLE|url|http://json.org/^0|0|5|4|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Cookies can hold only strings. If you want to simulate an array you need to serialize it and deserialize it.

You could do this with a <a href="http://json.org/" rel="noreferrer">JSON</a> library.

blocks|key|1061026|text|使用jQUery在cookie中创建数组？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1061027|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+:+'+%2B+$('.selected').length+%2B+'+deals';
++++if(+$('.total').length+){
++++++++$('.total').html(count);
++++}

}++});|code-block|syntax|javascript|1061028|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Create array in cookie using jQUery?

<pre><code>var list = new cookieList("test"); $(img).one('click', function(i){ while($('.selected').length &lt; 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 : &lt;span&gt;' + $('.selected').length + '&lt;/span&gt; deals';
 if( $('.total').length ){
 $('.total').html(count);
 }

} });
</code></pre>

blocks|key|1061075|text|我同意其他评论-你不应该这样做，你应该使用JSON。但是，为了回答您的问题，您可以通过将数组存储为逗号分隔的字符串来解决此问题。假设您想要将以下Javascript数组保存到cookie中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1061076|var+a+=+['peter','esther','john'];|code-block|syntax|javascript|1061077|您可以定义一个cookie字符串，然后遍历该数组：|1061078|//+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()+%2B+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%2B%2B)+{
++++cookieStr+%2B=+a[i]%2B',';
}

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

//+Now+add+the+cookie
document.cookie+=+cookieId%2B'='%2BcookieStr%2B';expires='%2BexpireTime%2B';domain='%2Bdocument.domain;|1061079|在此示例中，您将存储以下cookie+(如果您的域为www.example.com)：|1061080|arrayCookie=peter,ester,john;expires=1365094617464;domain=www.example.com|1061081|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I agree with other comments - you should not be doing this and you should be using JSON. However, to answer your question you could hack this by storing the array as a comma-delimited string. Lets say you wanted to save a the following Javascript array into a cookie:

<pre class="lang-js prettyprint-override"><code>var a = ['peter','esther','john'];
</code></pre>

You could define a cookie string, then iterate over the array:

<pre class="lang-js prettyprint-override"><code>// 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&lt;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;
</code></pre>

In this example, you would get the following cookie stored (if your domain is www.example.com):

<pre class="lang-js prettyprint-override"><code>arrayCookie=peter,ester,john;expires=1365094617464;domain=www.example.com
</code></pre>

blocks|key|846905|text|下面是以数组格式添加cookie的最简单形式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|846906|function+add_to_cookie(variable,+value)+{
++var+d+=+new+Date();
++d.setTime(d.getTime()+%2B+(90+*+24+*+60+*+60+*+1000));+//equivalent+to+1+month
++var+expires+=+"expires="+%2B+d.toUTCString();
++document.cookie+=+"cookie_name["+%2B+variable+%2B+"]"+%2B+"="+%2B+value+%2B+";"+%2B+expires+%2B+';path=/';
}|code-block|syntax|javascript|846907|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's the simplest form of adding a cookie in array format.
<pre><code>function add_to_cookie(variable, value) {
 var d = new Date();
 d.setTime(d.getTime() + (90 * 24 * 60 * 60 * 1000)); //equivalent to 1 month
 var expires = &quot;expires=&quot; + d.toUTCString();
 document.cookie = &quot;cookie_name[&quot; + variable + &quot;]&quot; + &quot;=&quot; + value + &quot;;&quot; + expires + ';path=/';
}
</code></pre>

blocks|key|846759|text|已将移除添加到cookiemonster|type|unstyled|depth|inlineStyleRanges|entityRanges|data|846760|//+remove+item

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

++++cookiemonster.remove+=+function+(cookieName,+item,++expDays)+{
++++++++var+cookievalue+=+cookiemonster.get(cookieName);
++++++++//Find+the+item
++++++++for(+var+i+=+0;+i+<+cookievalue.length;+i%2B%2B)+{
++++++++++++if+(+cookievalue[i]+===+item)+{+
++++++++++++++++cookievalue.splice(i,+1);
++++++++++++}
++++++++}
++++++++cm_createCookie(cookieName,+cm_arrayAsString(cookievalue),+expDays);
++++};|code-block|syntax|javascript|846761|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Added remove to cookiemonster

<pre><code>// remove item

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

 cookiemonster.remove = function (cookieName, item, expDays) {
 var cookievalue = cookiemonster.get(cookieName);
 //Find the item
 for( var i = 0; i &lt; cookievalue.length; i++) {
 if ( cookievalue[i] === item) { 
 cookievalue.splice(i, 1);
 }
 }
 cm_createCookie(cookieName, cm_arrayAsString(cookievalue), expDays);
 };
</code></pre>

blocks|key|846858|text|您可以在单个cookie中保存大量数据并将其作为数组返回，请尝试以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|846859|++function+setCookie(cookieKey,+cookieValue)+{
++++++++var+cookie+=+document.cookie.replace(/(?:(?:%5E%7C.*;\s*)idpurchase\s*\=\s*([%5E;]*).*$)%7C%5E.*$/,+"$1")
++++++++var+idPurchase+=+cookie.split(",")
++++++++idPurchase.push(cookieValue)
++++++++document.cookie+=+cookieKey%2B"="+%2B+idPurchase
++++++++console.log("Id+das+compras+efetuadas+:",idPurchase)
++++++++$("#purchases_ids+option:last").after($('<option+onclick="document.getElementById("input_class1").value='%2BcookieValue%2B'"+value="'%2BcookieValue%2B'">'%2BcookieValue%2B'</option>'))
++++}
++++checkCookie()
++++function+checkCookie()+{
++++++++var+cookie+=+document.cookie.replace(/(?:(?:%5E%7C.*;\s*)idpurchase\s*\=\s*([%5E;]*).*$)%7C%5E.*$/,+"$1")
++++++++var+idPurchase+=+cookie.split(",")
++++++++console.log("Id+das+compras+efetuadas+:",idPurchase)
++++++++for+(i+=+1;+i+<+idPurchase.length;+i%2B%2B)+{
++++++++$("#purchases_ids+option:last").after($('<option+value="'%2BidPurchase[i]%2B'">'%2BidPurchase[i]%2B'</option>'))
++++++++}
++++++++purchases_ids.addEventListener("change",changeSpeed)
++++}|code-block|syntax|javascript|846860|在我创建的这个项目中，我将值存储在数组中，codePen不允许存储​​，但在下面的示例中，您可以了解完整的情况，只需研究其实现|846861|Github+project|offset|length|846862|Open+in+Gitpod|846863|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Allanksr/appmeunegocio/blob/d73c096bccefc5b530dbc0d8e17d4e99b7db5e3e/Projeto-App-Meu-Negocio/Implementacao-Pagar-me/views/index.ejs#L359|1|http://gitpod.io/#https://github.com/Allanksr/appmeunegocio^0|0|0|0|0|E|0|0|0|E|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@$K|12|L|13|1|14]]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@$K|16|L|17|1|18]]|A|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]|W|$5|R|S|T|A|$U|X]]]]

You can save a lot of data within a single cookie and return it as an array, try this
<pre><code> function setCookie(cookieKey, cookieValue) {
 var cookie = document.cookie.replace(/(?:(?:^|.*;\s*)idpurchase\s*\=\s*([^;]*).*$)|^.*$/, &quot;$1&quot;)
 var idPurchase = cookie.split(&quot;,&quot;)
 idPurchase.push(cookieValue)
 document.cookie = cookieKey+&quot;=&quot; + idPurchase
 console.log(&quot;Id das compras efetuadas :&quot;,idPurchase)
 $(&quot;#purchases_ids option:last&quot;).after($('&lt;option onclick=&quot;document.getElementById(&quot;input_class1&quot;).value='+cookieValue+'&quot; value=&quot;'+cookieValue+'&quot;&gt;'+cookieValue+'&lt;/option&gt;'))
 }
 checkCookie()
 function checkCookie() {
 var cookie = document.cookie.replace(/(?:(?:^|.*;\s*)idpurchase\s*\=\s*([^;]*).*$)|^.*$/, &quot;$1&quot;)
 var idPurchase = cookie.split(&quot;,&quot;)
 console.log(&quot;Id das compras efetuadas :&quot;,idPurchase)
 for (i = 1; i &lt; idPurchase.length; i++) {
 $(&quot;#purchases_ids option:last&quot;).after($('&lt;option value=&quot;'+idPurchase[i]+'&quot;&gt;'+idPurchase[i]+'&lt;/option&gt;'))
 }
 purchases_ids.addEventListener(&quot;change&quot;,changeSpeed)
 }
</code></pre>
in this project that I created I store values ​​in arrays, codePen is not allowing the storage of cookies, but in the example below you can get a complete picture, just study the implementation
<a href="https://github.com/Allanksr/appmeunegocio/blob/d73c096bccefc5b530dbc0d8e17d4e99b7db5e3e/Projeto-App-Meu-Negocio/Implementacao-Pagar-me/views/index.ejs#L359" rel="nofollow noreferrer">Github project</a>
<a href="http://gitpod.io/#https://github.com/Allanksr/appmeunegocio" rel="nofollow noreferrer">Open in Gitpod</a>

Is it possible to create a cookie using arrays?

I would like to store <code>a[0]='peter'</code>, <code>a['1']='esther'</code>, <code>a['2']='john'</code> in a cookie in JavaScript.

Create array in cookie with javascript

可以使用数组创建cookie吗？我想将a[0]='peter'、a['1']='esther'、a['2']='john'存储在JavaScript的cookie中。

问用javascript在cookie中创建数组
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用javascript在cookie中创建数组EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用javascript在cookie中创建数组
EN