使用 jQuery Cookie 在数组中存储和返回值

Question

我正在尝试创建一个"文档库"，用户可以在其中保存文档，然后作为一批文件下载。Cookie 似乎正在保存数组值，但我无法弄清楚如何返回存储数组的长度以及如何遍历存储在其中的所有值。

以下是我到目前为止正在做的事情：

  $('.btn-save').click(function(e){
    e.preventDefault();
    counter++;
    $('.doc-counter').text(counter);
    var docVal = $(this).data('url');
    docArray.push(docVal);
    Cookies.set('docBank', docArray, {
      expires: 1
    });
    Cookies.set('docCount', $('.doc-counter').text(counter), {
      expires: 1
    });
  });
  console.log(Cookies.get('docBank'));

我想要实现的是：

• 将所有数据属性(文件 URL(存储到数组中
• 使用 Cookie 将所有值存储在数组中
• 获取数组中存储值的计数
• 循环访问存储数组的值并最终吐出文件下载

console.log(Cookies.get('docBank').length);似乎没有做返回总数组大小的诀窍。

任何这方面的指导将不胜感激！我很确定有一个我看不到的简单解决方案。

谢谢！

Answer 1

您必须使用 Cookies.getJSON 方法来获取数组，否则您将仅以 JSON 字符串的形式获取数组。

console.log(Cookies.getJSON('docBank').length);