Push JSON Objects to array in localStorage

by

There are a few steps you need to take to properly store this information in your localStorage. Before we get down to the code however, please note that localStorage (at the current time) cannot hold any data type except for strings. You will need to serialize the array for storage and then parse it back out to make modifications to it.

Step 1:

The First code snippet below should only be run if you are not already storing a serialized array in your localStorage session variable.
To ensure your localStorage is setup properly and storing an array, run the following code snippet first:

var a = [];
a.push(JSON.parse(localStorage.getItem('session')));
localStorage.setItem('session', JSON.stringify(a));

The above code should only be run once and only if you are not already storing an array in your localStorage session variable. If you are already doing this skip to step 2.

Step 2:

Modify your function like so:

function SaveDataToLocalStorage(data)
{
    var a = [];
    // Parse the serialized data back into an aray of objects
    a = JSON.parse(localStorage.getItem('session')) || [];
    // Push the new data (whether it be an object or anything else) onto the array
    a.push(data);
    // Alert the array value
    alert(a);  // Should be something like [Object array]
    // Re-serialize the array back into a string and store it in localStorage
    localStorage.setItem('session', JSON.stringify(a));
}

This should take care of the rest for you. When you parse it out, it will become an array of objects.

More Related Contents:

  1. How Can i Change the style of my angularjs object?
  2. Convert JS object to JSON string
  3. Parse JSON String into a Particular Object Prototype in JavaScript
  4. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  5. Which characters are valid/invalid in a JSON key name?
  6. Convert object string to JSON
  7. How to get object length [duplicate]
  8. Sorting a JSON object in Javascript
  9. Merge keys array and values array into an object in JavaScript
  10. Looping through localStorage in HTML5 and JavaScript
  11. How to access nested JSON data
  12. Javascript group objects by property [closed]
  13. JSON.stringify function
  14. Reverse of JSON.stringify?
  15. How to write data to a JSON file using Javascript
  16. Encoding Javascript Object to Json string
  17. traversing through JSON string to inner levels using recursive function
  18. Is there any possibility to have JSON.stringify preserve functions?
  19. Multiple arguments vs. options object
  20. json.stringify does not process object methods
  21. Add new row in html dynamically using jQuery
  22. Pick data from array of objects and return new object
  23. Using Node.JS, how do I read a JSON file into (server) memory?
  24. Merge two json/javascript arrays in to one array
  25. jQuery: How to get the event object in an event handler function without passing it as an argument?
  26. How to find the size of localStorage
  27. How to escape a JSON string to have it in a URL?
  28. How to deterministically verify that a JSON object hasn’t been modified?
  29. Returning JSON array from a Django view to a template
  30. Await an iterative function without delimiter in JS

Leave a Comment