Looping through localStorage in HTML5 and JavaScript

by

You can use the key method. localStorage.key(index) returns the indexth key (the order is implementation-defined but constant until you add or remove keys).

for (var i = 0; i < localStorage.length; i++){
    $('body').append(localStorage.getItem(localStorage.key(i)));
}

If the order matters, you could store a JSON-serialized array:

localStorage.setItem("words", JSON.stringify(["Lorem", "Ipsum", "Dolor"]));

The draft spec claims that any object that supports structured clone can be a value. But this doesn’t seem to be supported yet.

EDIT: To load the array, add to it, then store:

var words = JSON.parse(localStorage.getItem("words"));
words.push("hello");
localStorage.setItem("words", JSON.stringify(words));

More Related Contents:

  1. how to store new elements added in webpage by user? [closed]
  2. What is the max size of localStorage values?
  3. How to iterate over a JavaScript object?
  4. How do I store an array in localStorage? [duplicate]
  5. How to save an image to localStorage and display it on the next page?
  6. How to check whether a Storage item is set?
  7. Get HTML5 localStorage keys
  8. How to delete a localStorage item when the browser window/tab is closed?
  9. HTML5 Local Storage fallback solutions [closed]
  10. How to display image with JavaScript?
  11. For loop through Array only shows last value
  12. Scope of sessionStorage and localStorage
  13. localStorage access from local file
  14. How do I save and restore a File object in local storage
  15. Accessing localStorage from a webWorker
  16. Is it possible to use any HTML5 fanciness to export local storage to Excel?
  17. How to change HTML Object element data attribute value in javascript
  18. Javascript/HTML Storage Options Under File Protocol (file://)
  19. How can I serialize a function in JavaScript?
  20. How to save data from a form with HTML5 Local Storage?
  21. Javascript + HTML5 localstorage [closed]
  22. Can you use HTML5 local storage to store a file? If not, how?
  23. How to store objects in HTML5 localStorage/sessionStorage
  24. JavaScript localStorage object broken in IE11 on Windows 7
  25. When do I need to use hasOwnProperty()?
  26. How can I request an increase to the HTML5 localstorage size on iPad, like the FT web app does?
  27. How to iterate through property names of Javascript object?
  28. Web SQL Database + Javascript loop
  29. Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22
  30. Why do two web pages have different localStorage? How can I fix this?

Leave a Comment