Best format of localStorage

Question

I have array of object tree

var tree = [{
    "id": "1",
    "name": "one",
    "child": [],
    }, {
    "id": "2",
    "name": "two",
    "child": [{
        "id": "21",
        "name": "twentyOne",
        "child": [],
        },{
        "id": "22",
        "name": "twentyTwo",
        "child": [],
        }],
    }, {{
    "id": "3",
    "name": "three",
    "child": [],
    },
}].

Which one is the best way to store array of objects in localStorage? Is it better to use another format?

There are several methods:

getItem
getAllItem
removeItem
saveItem

But there are child arrays of objects. It means that I will use recursive search to find necessary object.

It's really up to you. either way you'll have to write the same amount of code doing the same things. What you should keep in mind though is that localStorage storage space is not unlimited. — Sergiu Paraschiv, Apr 25 '16 at 09:27
To Sergey, yes, I know, that it about 5 mb, and I asked better way)) Couse of size of localStorage, may be better to use another structure of format? — Triple -B, Apr 25 '16 at 09:35
You may want to consider compression for JSON like [jsonpack](https://github.com/sapienlab/jsonpack) or [LZString](http://stackoverflow.com/a/20774589/1367611). — Vidul, Apr 25 '16 at 10:10

score 0 · Answer 1 · answered Apr 28 '16 at 15:02

Save the data in LocalStorage as an array, or array of simple objects, but try to keep it DRY (don't repeat yourself). For example, if you have a list of people, keep an array of the people, but don't keep a separate variable for the count.

What you want is basically a "state". As long as you keep it minimal you will be fine. Then you can use lodash or underscore to find, merge, add, remove elements from that array.

Best format of localStorage

1 Answers1