树形菜单如何用如何原生js和local storage实现本地化存储

Question

最近在练手的时候做到树形菜单，如何用原生js的对象和json的stringify,parse以及local storage实现类似数据库的树形菜单的本地存储，如何设计一个合理的数据结构啊？想了好几天没有一个合理的想法，比如增删树形列表的时候对象如何实现？

Answer 1

1、如果树形结构真的存成有层次感的数据，对于前端来说少了解析组装的步骤，但是对于增删改有难麻烦。
2、建议看看ztree他的树形结构是怎么设计的 一个id和pid进行关联，使用前端js进行组装树形。

Answer 2

JSON 本身就是树状结构，无需再设计数据结构，用 JSON.stringify 序列化成字符串然后整个存入 localStorage 来实现保存。用 JSON.parse 反序列化。

var tree = {
    a: 1,
    subTree: {
        b: 'b',
        c: [1,2,3]
    }
};

localStorage['tree'] = JSON.stringify(tree);

var thatTree = JSON.parse(localStorage['tree']);