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

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

以下是我到目前为止所做的：

  $('.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）存储到数组中
• 使用存储数组中的所有值
• 获取数组中存储值的计数
• 循环遍历存储数组的值，最终输出文件下载

console.log（Cookies.get（'docBank'）.length）

似乎没有达到返回总数组大小的目的

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

---

谢谢

您必须使用

Cookies.getJSON

方法来获取数组，否则将仅获取作为JSON字符串的数组

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