Как удалить нужный элемент из LocalStorage?

Question

[Данил Флигинский]

Создаю корзину на сайте и столкнулся с проблемой.
Дело в том, что при нажатии на кнопку "Купить", мой элемент идет в key 'cart' с определенным значением value.
Скриншот прикреплен

Также у меня есть кнопка удаления элемента. Вот тут и всплыла проблема. Я могу удалить ключ 'cart', но тогда удалятся все элементы корзины. Но мне нужно, чтобы удалялся только определенный элемент. Есть ли какие то способы перебора значений value у элемента key? Например, я нажал на "Шимпанзе" и из localstorage убрался только этот элемент.

Answer 1

[Rsa97]

localStorage хранит только строки. Так что вам придётся распарсить JSON в объект, удалить лишнее и снова записать объект в JSON.

Answer 2

[Алексей Ярков]

const cart = JSON.parse(localStorage.getItem('cart'));

Теперь в cart лежит обычный объект. Проводим нужные манипуляции и пишем в localStorage.

Comments

[Данил Флигинский]

писать в loclstorage с помощью setItem?

[Алексей Ярков]

Данил Флигинский, как хотите )) Только сначала к строке приведите, а то конфуз будет ))

[Данил Флигинский]

Алексей Ярков, хорошо, спасибо

Answer 3

[Эрик Микоян]

localStorage.remove(key)

Comments

[Данил Флигинский]

Таким образом удалится весь ключ, в том числе все элементы, которые в нем. Так вся корзина очистится. Мне нужно, чтобы убирался только второй элемент в key

[Эрик Микоян]

Данил Флигинский, а, сорян, я неправильно прочитал вопрос