关于嵌套的树形结构数据的动态修改

比如这种数据格式

var menu= [
   {
       name: '用户模块',

       items: [
           {
               name: '注册登录',       
               items: [
                   {
                       name: '注册'
                   },
                   {
                       name: '登录'
                   },
                   {
                       name: '退出'
                   }
               ]
           },
           {
               name: '用户上传头像',
               items: [
                   {
                       name: '头像上传'
                   },
   				 {
                       name: '头像裁切'
                   }
               ]
           }
       ]
   },
   {
       name: '文章模块',
       items: [
           {
               name: '发布',

               items: [
                   {
                       name: '新文章'
                   },
                   {
                       name: '修改文章'
                   },
                   {
                       name: '审核'
                   }
               ]
           },
           {
               name: '显示',
               items: [
                   {
                       name: '列表'
                   },
                   {
                       name: '详情'
                   },
          
               ]
           }
       ]
   }
]

传统方式是用后台存数据库，用递归或者左右子树结构做存储和查询，如果做成直接在客户端操作（不刷新），只在html页面通过js动态添加删除节点，操作结束后保存整个json的stringfy后的 字符串， 这种方式可行吗？