Question

76

localStorage array of objects handling

rated 0 times [ 83] [ 7] / answers: 1 / hits: 46806 / 12 Years ago, tue, december 4, 2012, 12:00:00

Array of JSON objects are stored in HTML5 localStorage.

For now delimiter is ;

For accessing and modifying array of objects from localStorage, split(';') and join(';') operations used.

However ,delimiter approach looks unstable.

For instance ; could be met inside objects attribute and split(';') operation will be uncorrect.

It could be used ;; for delimiter,but i'm not certain it will be stable also.

Is there any robust way to handle localStorage presented as array of objects,as far localStorage saved as String?

EDIT

one of stoppers is that array of object couldn't be saved to localStorage as classical: [{},{}]

localStorage converts it automatially to String like {},{}

my current data within localStorage:

{name:volvo,id:033};{name:saab,id:034}

assumption

perhaps,i can add [ at the start and ] at the end,but it looks not gracefull

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

albert

Add To Favorites

Follow

Total Points: 652

Total Questions: 105

Total Answers: 108

Location: Pitcairn Islands

Member since Fri, Oct 15, 2021

3 Years ago

albert questions

1 MUI v5 - Extending Typography variant in TypeScript creates error No overload matches this call

Wed, Nov 17, 21, 00:00, 3 Years ago

1 Update one, insert if not exists and modify only when a condition is true MongoDB

Thu, Mar 19, 20, 00:00, 4 Years ago

1 React - input loses focus on keypress

Sat, Nov 9, 19, 00:00, 5 Years ago

1 Multiple select fields filtering with jQuery

Thu, Oct 24, 19, 00:00, 5 Years ago

1 How to update redux state using a react variable passed up to the component from a child

Wed, Sep 25, 19, 00:00, 5 Years ago

View All

answered 12 Years ago melody · Accepted Answer

Just convert the objects to JSON strings:

localStorage.setItem(savedData, JSON.stringify(objects));

And vice versa:

objects = JSON.parse(localStorage.getItem(savedData)));

Or you can add multiple objects in the same localStorage value:

localStorage.setItem(savedData, JSON.stringify([object1, object2 /*, etc*/]));

object1 = JSON.parse(localStorage.getItem(savedData))[0];

object2 = JSON.parse(localStorage.getItem(savedData))[1];

Here's the DOM storage specification.

You can also access savedData like this:

localStorage.savedData = Hello world

var foo = localStorage.savedData;

This can be used for both getting and setting the data, but it is considered less safe than getItem('name'); and setItem('name', 'value');