LocalStorage.removeItem на основе значения

Я пытаюсь добавить в свое приложение удаление учетной записи. Я храню учетные записи с использованием одного ключа с несколькими значениями на основе 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]);
}

Ни один из этих способов на самом деле не удаляет значение. Есть идеи, что мне может не хватать?

Вам нужно получить accounts из localStorage, JSON.parse() это, удалить учетную запись, снова JSON.stringify() обновленный объект учетных записей и снова установить accounts. localStorage неглубокий.

— 07.09.2018 21:47

javascript json vue.js local-storage

07.09.2018 21:43

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 302

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Данные в 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)
);

07.09.2018 21:47

Ответ принят как подходящий

Вы можете использовать localStorage.removeItem() только для удаления всех записей localStorage. Вы пытаетесь удалить часть записи localStorage. Единственный способ сделать это - получить объект, удалить ключ, как обычный объект JS, а затем заново установить запись localStorage:

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

Именно так. Спасибо!

— 07.09.2018 21:54

07.09.2018 21:49