首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >迭代嵌套的JavaScript对象并创建新结构

迭代嵌套的JavaScript对象并创建新结构
EN

Stack Overflow用户
提问于 2017-06-23 00:53:38
回答 0查看 625关注 0票数 0

尝试将嵌套的JSON数据(data1)重构为“正确的”格式(data2),但到目前为止没有成功。

data1是基于查找html文件的给定父目录(配方)生成的。

data2是我尝试使用data1输出的内容,因为文件夹中的任何内容都可以更好地表示为对象数组,而不仅仅是纯嵌套对象。

代码语言:javascript
复制
var data1 = {  
   "cake": {  
      "chocolate": {  
         "black-forest": {  
            "name": "Black Forest",
            "path": "recipes/cake/chocolate/black-forest.html"
         },
         "new-shortcake": {  
            "milk-chocolate-shortcake": {  
               "name": "Milk chocolate shortcake",
               "path": "recipes/cake/chocolate/shortcake/milk-chocolate-shortcake.html"
            },
            "dark-chocolate-shortcake": {  
               "name": "Dark chocolate shortcake",
               "path": "recipes/cake/chocolate/shortcake/dark-chocolate-shortcake.html"
            }
         }
      }
   },
   "pasta": {  
      "spaghetti": {  
         "aglio-olio": {  
            "name": "Spagehetti Aglio Olio",
            "path": "recipes/pasta/spaghetti/aglio-olio.html"
         },
         "carbonara": {  
            "name": "Carbonara",
            "path": "recipes/pasta/spaghetti/carbonara.html"
         }
      },
      "lasagna": {  
         "name": "Lasagna",
         "path": "recipes/pasta/lasagna.html"
      }
   }
}



var data2 = [
   {
      "name": "cake",
      "children": [
         {
            "name": "chocolate",
            "children": [
               {
                  "name": "Black Forest",
                  "path": "recipes/cake/chocolate/black-forest.html"
               },
               {
                  "name": "New Shortcake",
                  "children": [
                     {
                        "name": "Milk chocolate shortcake",
                        "path": "recipes/cake/chocolate/shortcake/milk-chocolate-shortcake.    html"
                     },
                     {
                        "name": "Dark chocolate shortcake",
                        "path": "recipes/cake/chocolate/shortcake/dark-chocolate-shortcake.    html"
                     }
                  ]
               }
            ]
         }
      ]
   },
   {
      "name": "pasta",
      "children": [
         {
            "name": "spaghetti",
            "children": [
               {
                  "name": "Spagehetti Aglio Olio",
                  "path": "recipes/pasta/spaghetti/aglio-olio.html"
               },
               {
                  "name": "Carbonara",
                  "path": "recipes/pasta/spaghetti/carbonara.html"
               }
            ]
         },
         {
            "name": "Lasagna",
            "path": "recipes/pasta/lasagna.html"
         }
      ]
   }
]

https://codepen.io/kyooriouskoala/pen/LLLXmG

任何帮助都非常感谢!

PS:最终目标是构建一个具有新数据结构的菜单。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44705307

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档