How do I store an array in localStorage

Question

If I didn t need localStorage  my code would look like this   var names new Array     names 0  prompt  New member name       This works  However  I need to store this variable in localStorage and it s proving quite stubborn  I ve tried   var localStorage names    new Array    localStorage names 0    prompt  New member name       Where am I going wrong

User · Answer

The JSON approach works  on ie 7 you need json2 js  with it it works perfectly and despite the one comment saying otherwise there is localStorage on it  it really seems like the best solution with the least hassle  Of course one could write scripts to do essentially the same thing as json2 does but there is little point in that   at least with the following version string there is localStorage  but as said you need to include json2 js because that isn t included by the browser itself  4 0  compatible  MSIE 7 0  Windows NT 6 1  WOW64  Trident 5 0  SLCC2   NET CLR 2 0 50727   NET CLR 3 5 30729   NET CLR 3 0 30729  BRI 2  NP06   NET4 0C   NET4 0E  Zune 4 7   I would have made this a comment on the reply  but can t

User · Answer

The localStorage and sessionStorage can only handle strings  You can extend the default storage-objects to handle arrays and objects  Just include this script and use the new methods   Storage prototype setObj   function key  obj        return this setItem key  JSON stringify obj     Storage prototype getObj   function key        return JSON parse this getItem key       Use localStorage setObj key  value  to save an array or object and localStorage getObj key  to retrieve it  The same methods work with the sessionStorage object   If you just use the new methods to access the storage  every value will be converted to a JSON-string before saving and parsed before it is returned by the getter   Source  http   www acetous de p 152

User · Answer

Use JSON stringify   and JSON parse   as suggested by no  This prevents the maybe rare but possible problem of a member name which includes the delimiter  e g  member name three   bars

User · Answer

Another solution would be to write a wrapper that store the array like this   localStorage setItem  names length   names length   localStorage setItem  names 0   names 0    localStorage setItem  names 1   names 1    localStorage setItem  names     n  names n      Removes the overhead of converting to JSON  but would be annoying if you need to remove elements  as you would have to re-index the array

User · Answer

Just created this   https   gist github com 3854049    Setter Storage setObj  users albums sexPistols   blah    Storage setObj  users albums sexPistols    sid    My Way   nancy    Bitch      Storage setObj  users albums sexPistols sid   Other songs       Getters Storage getObj  users    Storage getObj  users albums    Storage getObj  users albums sexPistols    Storage getObj  users albums sexPistols sid    Storage getObj  users albums sexPistols nancy

User · Answer

localStorage only supports strings  Use JSON stringify   and JSON parse     var names       names 0    prompt  New member name     localStorage setItem  names   JSON stringify names           var storedNames   JSON parse localStorage getItem  names

[javascript] How do I store an array in localStorage?

Examples related to javascript

Examples related to arrays

Examples related to html

Examples related to local-storage