javascript - 在cookie中存储对象数组，纯javascript，没有jquery？

Question

我正在尝试在 cookie 中存储对象数组。

不使用 jQuery 或 Angular。

function setCook (name,value) {
  var cookie = [name, '=', JSON.stringify(value)].join('');
  document.cookie = cookie;
}

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

Answer 1

只需 JSON.parse 你的返回:

https://repl.it/KKoF

function setCook(name, value) {
    var cookie = [
        name,
        '=',
        JSON.stringify(value)
    ].join('');
    document.cookie = cookie;
}

function 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 JSON.parse(
                c.substring(nameEQ.length, c.length)
            );
        }
    }
    return null;
}

setCook('foo', `[
    {
        "qux": "boz"
    },
    {
        "baz": "zot"
    }
]`);
let obj = readCookie('foo');

console.log(obj);

/*
[
    {
        "qux": "boz"
    },
    {
        "baz": "zot"
    }
]
*/