How do I remove an item from localStorage array?I have

Question

I have an array stored in localStorage. How can I remove the value of an array and save it in localStorage again?

var cars = ["Saab", "Volvo", "BMW"];
localStorage.setItem("cars", JSON.stringify(cars));

let modifiedCars = JSON.parse(localStorage.getItem("cars")).splice(0, 1)

// How do I remove cars[0] from the array and store it back into localStorage?

Robo Robok · Accepted Answer · 2020-05-04 19:23:48Z

1

localStorage is a simple string-based storage. In order to remove an item, you need to read it (like you did), remove it (like you did) and store it again:

localStorage.setItem('cars', JSON.stringify(modifiedCars));

edited May 4, 2020 at 19:23

answered May 4, 2020 at 19:21

Robo Robok

23.1k22 gold badges84 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

hiphopfeels Over a year ago

Ok but how do I set this localStorage to "cars"?

Robo Robok Over a year ago

Sorry, I was too quick :)

Mechanic · Accepted Answer · 2020-05-04 19:25:38Z

0

I prefer to remove the element by using .filter();

var cars = ["Saab", "Volvo", "BMW"];
localStorage.setItem("cars", JSON.stringify(cars));

let modifiedCars = JSON.parse(localStorage.getItem("cars")).filter(el => el!= "Saab")

localStorage.setItem("cars", JSON.stringify(modifiedCars ));

answered May 4, 2020 at 19:25

Mechanic

5,4484 gold badges19 silver badges44 bronze badges

5 Comments

hiphopfeels Over a year ago

Thanks for the suggestion, but every time I try to use filter, it gives me this TypeError: localStorage.getItem(...).filter is not a function

Mechanic Over a year ago

@hiphopfeels localStorage.getItem returns a string, filter is on array prototype; we'd used it on JSON.parse(localStorage.getItem("cars")) not the .get of localstorage

hiphopfeels Over a year ago

I'm sorry, I don't understand can you maybe explain differently?

Mechanic Over a year ago

@hiphopfeels "randomString".filter() throws error; but [].filter() works fine; and that JSON.parse() will return an return an array

hiphopfeels Over a year ago

Okay, this is exactly what I was looking for. My problem was that I didn't use JSON.parse(). Thanks a lot! :)

Collectives™ on Stack Overflow

How do I remove an item from localStorage array?I have

2 Answers 2

2 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related