Remove array item from localstorage

Question

I have an array i stored(parsed it as json) in localstorage. I got it back into an object, removed some items from it and i need to update the key with the new values in the local storage.

var counter = [0,1,2];
var count = counter[0];
var questions = localStorage.getItem('questions');///questions had been stored in local storage with another function
console.log(questions);
questions = $.parseJSON(questions);

if (questions != 0){
    $('.question').html(questions[count]['question']);
    var options = (questions[count]['options']);
    options.forEach(function (item) {
        $('.options').html(item);
    });
    var index = counter.indexOf(1);
    questions = questions.splice(index, 1);
    console.log(questions);
    localStorage.removeItem('questions);
    counter = counter.splice(index, 0);

Now, when i remove the question key from the local storage, the whole question array is deleted, however, i only need to delete the particular question array that was passed.

tenhsor · Accepted Answer · 2016-08-03 15:54:05Z

7

Instead of deleting the key, just set it again with the new questions array:

questions.splice(index, 1);
localStorage.setItem('questions', JSON.stringify(questions));

answered Aug 3, 2016 at 15:54

tenhsor

3311 silver badge9 bronze badges

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

Comments

Patrick Evans · Accepted Answer · 2016-08-03 15:59:56Z

5

Don't use removeItem() that as the name says removes the whole item from localStorage. Just do another setItem() to overwrite the old data.

Also you do:

questions = questions.splice(index, 1);

That is going to remove element(s) from the array and return them. questions will then be the removed element(s) and not your modified array. By your question you just want the modified array. So just do the splice() without the assignment

So your end code would be:

questions.splice(index, 1);
localStorage.setItem('questions',JSON.stringify(questions));

edited Aug 3, 2016 at 15:59

answered Aug 3, 2016 at 15:54

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

Comments

AmonGames · Accepted Answer · 2021-11-20 12:21:23Z

2

I have prepared this for you, you can use it as very simple.,

Live example and demo: LocalStorage Arrays: Add, Remove, Update and Beyond...

localStorage.setItem('questions', JSON.stringify(questions));

answered Nov 20, 2021 at 12:21

AmonGames

213 bronze badges

1 Comment

Hassan Khan Over a year ago

Well, the mentioned example is not a simple way to understand.

Dosunmu Afeez · Accepted Answer · 2021-01-16 11:20:50Z

0

You need to just reuse the localStorage you have before. It will automatically update the previous one stored. Use this immediately after the delete method.

localStorage.setItem('questions', JSON.stringify(questions));

answered Jan 16, 2021 at 11:20

Dosunmu Afeez

595 bronze badges

Collectives™ on Stack Overflow

Remove array item from localstorage

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related