javascript - 使用 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)存储到数组中
• 使用 Cookies 将所有值存储在数组中
• 获取数组中存储值的数量
• 循环存储数组的值并最终输出文件下载

console.log(Cookies.get('docBank').length); 似乎并没有达到返回总数组大小的目的。

对此的任何指导将不胜感激!我很确定有一个我没有看到的简单解决方案。

谢谢!

Answer 1

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

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