代码之家 › 专栏 › 技术社区 › A.J

localStorage.removeItem文件基于价值

local-storage vue.js json javascript

A.J · 技术社区 · 8 年前

我正在尝试将帐户删除添加到我的应用程序中。我使用一个键和基于API的多个值来存储帐户。

我是这样添加帐户的:

addAccount(state,account){
    state.accounts[account.apikey] = account;
    localStorage.setItem(
        "accounts",
        JSON.stringify(state.accounts)
    );  
},

这就是我的 localStorage 看起来像:

key: accounts
{  
   "API Key 1":{ a bunch of info },
   "Api Key 2":{ a bunch of info }
}

我尝试删除基于API密钥的帐户:

removeAccount(state,account){
    localStorage.removeItem(account.apikey);
    localStorage.removeItem(JSON.stringify(state.accounts));
    localStorage.removeItem(state);
    localStorage.removeItem(account);
    localStorage.removeItem(state.accounts[account.apikey]);
}

2 回复 | 直到 8 年前

izb 8 年前

localStorage.removeItem() 删除整个 localStorage 条目。你要做的是移除零件的 本地存储 进入。唯一的方法是检索对象,像删除普通JS对象一样删除键,然后重新设置条目:

removeAccount(state, account){
  const accounts = JSON.parse(localStorage.getItem('accounts'));
  delete accounts[account.apikey];
  localStorage.setItem("accounts", JSON.stringify(accounts));
}

Abid Hasan 8 年前

localStorage中的数据作为字符串保存。因此,您需要读取整个字符串,删除该项,然后将其写回:

let oldLocalStorage = JSON.parse(localStorage['accounts']);
// Do something to oldLocalStorage, which is the JS object

// Write back to local storage
localStorage.setItem(
        "accounts",
        JSON.stringify(oldLocalStorage)
);

推荐文章

Evgeniya Lashukova · 未捕获的TypeError:部署到Github页面时无法读取null的属性(读取“length”)

4 年前

StephenW · 如何在本地存储中更新时间戳?

4 年前

Raj Lama · 无法解析自定义路径目录以保存捕获的图像

8 年前

cnak2 · 无法分析localstorage angular 2

8 年前

yer · 如何从按钮下拉列表中获取值并将其保存在localStorage中?角度4

8 年前

Mark Gerryl Mirandilla · 本地存储中的阵列数据,在页面重新加载后重置

8 年前

Kenya JJ · 如何在LocalStorage中“保存”我的JS样式?

8 年前

rob.m · 如何在单击时增加本地存储中的数字?

8 年前

stack · 如何存储的结果。是否将each()放入本地存储?

8 年前

Ð¡ÑÑÐ¿Ð° ÐÐ°ÑÐºÐ°ÑÐ¾Ð² · 如何访问LocalStorage中对象内的数组长度

8 年前