javascript - 单击按钮时如何在本地存储中存储多个项目？

Question

我正在尝试根据此功能存储多个项目:

onclick="s(iId)"

这是我正在使用的函数:

function s(i_id) {
    var items = [];
    items.push(i_id);
    localStorage.setItem("i", JSON.stringify(i));
}

问题是当点击按钮时它只存储一个id，每次点击刷新。如何让它存储多个 ID？

Answer 1

问题是，您正在创建一个新数组，将单个 id 压入其中，然后在每次调用该函数时保存它。您可以做的两件事是将 items 数组移到函数之外，然后简单地推送到它，然后再保存它们。第二种选择是，获取已存储的值，使用 JSON.parse 解析它并在其中推送一个新项目，然后再次保存它。

我建议使用选项 1，即使它会创建一个全局变量。它要快得多。

var items = [];

function store(item_id) {
    items.push(item_id);
    localStorage.setItem("item", JSON.stringify(items));
}