用json（数组）解析cookie，array.“push”现在不是函数[关闭]

Question

var parsed = JSON.parse($.cookie('inavm_inventory'));

inventoryID = parsed['ids'];
inventoryName = parsed['names'];
inventoryCount = parsed['productcount'];

我有一个 cookie“inavm_inventory”，其中包含 3 个数组，“ids”、“names”和“productcount”。

如上所示，我还有 3 个局部变量。

目前添加到 cookie 中一切正常 - 但是当用户加载页面时，我试图将 cookie 数组推送到局部变量中。

没有上面的代码一切都可以正常工作，但是当使用上面的代码时 - 它会破坏“数组”。我已经记录了这些值，它们看起来像数组，但我猜它们可能被格式化为字符串。

我只是试图将它们格式化回数组，以便 .push 再次在我的数组上工作。

Cookie 示例数据：

{
    "ids": "[\"quant[2]\",\"quant[3]\"]",
    "names": "[\"2 3 Seater Sofa\",\"0 2 Seater Sofa\"]",
    "productcount": "[8,0]"
}

Answer 1

您的 cookie 包含一个具有三个属性的对象。这些属性的值都是字符串，而不是数组。

如果它们是数组，如下所示：

{
    "ids": ["quant[2]","quant[3]"],
    "names": ["2 3 Seater Sofa","0 2 Seater Sofa"],
    "productcount": [8,0]
}

所以你想看看是什么产生了 cookie 值并更正它，以便正确输出这三个数组。

如果您使用 JavaScript 创建它，这将正确地创建上面的内容（从片段构建它；上面也可以作为单个块工作，但您可能不是这样做的）：

var obj = {};
obj.ids = ["quant[2]","quant[3]"];
obj.names = ["2 3 Seater Sofa","0 2 Seater Sofa"];
obj.productcount = [8,0];

甚至

var obj = {
    ids: [],
    names: [],
    productcount: []
};
obj.ids.push("quant[2]");
obj.names.push("2 3 Seater Sofa");
obj.productcount.push(8);
obj.ids.push("quant[3]");
obj.names.push(["0 2 Seater Sofa"]);
obj.productcount.push(0);

然后创建cookie：

$.cookie('inavm_inventory', JSON.stringify(obj)));

---

不过，您可能会考虑完全改变结构，并使用单个对象数组：

[
    {
        id: "quant[2]",
        names: "2 3 Seater Sofa",
        count: 8
    },
    {
        id: "quant[3]",
        name: "0 2 Seater Sofa",
        count: 0
    }
]

然后，一旦你解析了它，你就会使用对象：

console.log(parsed[0].id);    // "quant[2]"
console.log(parsed[0].name);  // "2 3 Seater Sofa"
console.log(parsed[0].count); // 8

...等等（可能在循环中）。

所以你可以从这里开始：

var products = [];

并将完整的项目推入该数组：

products.push({id: "quant[2]", name: "2 3 Seater Sofa", count: 8});