How to change the value of an item in localstorage using Javascript [duplicate]

Question

I have an object stored in localStorage.

let ship = {
    name: "black pearl",
    captain: "Jack Sparraw"
  };

 localStorage.setItem("ship", JSON.stringify(ship));

Now I want to change "name" to a new name. How to achieve it using Javascript?

(The following code does not work, but it gives an idea what I want to do)

 localStorage.setItem(localStorage.getItem("ship").name, "newName");

localStorage.setItem('ship', JSON.stringify({...JSON.parse(localStorage.getItem('ship')), name: 'newName'})) — The Fool
– The Fool, Commented Sep 29, 2019 at 12:44
I added an answer for you here: stackoverflow.com/questions/37052087/… — Cat
– Cat, Commented Sep 29, 2019 at 13:00

T.J. Crowder · Accepted Answer · 2019-09-30 05:57:43Z

5

You retrieve the JSON, parse it, update the object you get from parsing it, stringify the result, and store that result:

const ship = JSON.parse(localStorage.getItem("ship"));
ship.name = "newName";
localStorage.setItem("ship", JSON.stringify(ship));

If you want to do it all in one line (although I don't recommend it, it's harder to read, maintain, and debug that way; leave minification to minifiers):

localStorage.setItem("ship", JSON.stringify(Object.assign(JSON.parse(localStorage.getItem("ship")), {name: "newName"})));

edited Sep 30, 2019 at 5:57

answered Sep 29, 2019 at 12:37

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

1 Comment

T.J. Crowder Over a year ago

@Ning - Thanks for catching that! (I think your edit was rejected by the reviewers because you only fixed one place but it needed fixing in two.)

Collectives™ on Stack Overflow

How to change the value of an item in localstorage using Javascript [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related