【问题标题】:How to retrieve multiple data from localStorage at a time and store the data如何一次从localStorage中检索多个数据并存储数据
【发布时间】:2020-08-26 18:12:02
【问题描述】:

每当我的窗口使用 vanilla JS 重新加载时,如何获取存储在本地存储中的所有不同键/值对。以及如何将这些数据存储在从 localStorage 接收到的具有相似属性的对象中? 例如。 : 如果我在本地存储中有这 2 个东西

localStorage.setItem("todoList","Task 1");
localStorage.setItem("doingList","Task 1");

【问题讨论】:

  • 更多地解释您的问题,了解您需要什么以及您尝试了什么。矿石预期产量
  • 对不起,我在将数据上传到本地存储时犯了一些错误实际上我想存储 3 个键的多个值,并且我想在重新加载页面时获取所有键的数据及其多个值并将它们存储到相应的位置

标签: javascript arrays web frontend backend


【解决方案1】:

localStorage 键中只能输入一个值。

将值放入数组中,将数组转换为 JSON,然后存储。

var todoList = ["Task 1","Task 2","Task 3"];
localStorage.setItem("todoList", JSON.stringify(todoList));

要检索它,您调用JSON.parse()

todoList = JSON.parse(localStorage.getItem("todoList") || "[]");

【讨论】:

  • 我尝试在编译器中放置 2 个不同的键/值对,然后我得到了正确的 o/p,然后我使用 ``` localStorage.getItem("key1"); localStorage.getItem("key2"); ```我得到了我存储的数据的正确值
【解决方案2】:

只需破坏localStorage 并获得所有物品

const items = { ...localStorage };
console.log(items)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-19
    • 1970-01-01
    • 2015-04-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多