HTML5/JavaScript: Store Dynamic Variable Name and Value in localStorage

Question

I would like to store the value yes into localStorage with a key of movie1 using javascript. However, I want the 1 part of the key to be dynamic based on whatever movieID is set to.

This is what I currently have, but it isn't working:

movieID = 1;

localStorage.movie + movieID = 'yes';

Any thoughts or insight on how I can accomplish this would be greatly appreciated. Thanks!

Answer 1

You can use the setItem function to store values in local storage:

localStorage.setItem('movie' + movieID, 'yes');

Then later when you want to check the value, you can use

localStorage.getItem('movie' + movieID);

Answer 2

I think

localStorage.setItem('movie' + movieID, 'yes');

is actually a helper in a library usage and is not official.

Answer 3

Try this:

localStorage['movie'+movieID] = 'yes';

Answer 4

http://jsfiddle.net/ZwhBY/

Check out square brackets for properties.

http://www.jibbering.com/faq/faq_notes/square_brackets.html