如何從 JavaScript 中的 JSON 樹獲取嵌套的父路徑？

Question

我有一個像這樣的 JSON 樹結構。

[
    {
      "title":"News",
      "id":"news"
    },
    {
      "title":"Links",
      "id":"links",
      "children":[
        {
          "title":"World",
          "id":"world",
          "children":[
            {
              "title":"USA",
              "id":"usa",
              "children":[
                {
                  "title":"Northeast",
                  "id":"northeast"
                },
                {
                  "title":"Midwest",
                  "id":"midwest"
                }                
              ]
            },
            {
              "title":"Europe",
              "id":"europe"
            }
          ]
        }
      ]
    }
  ]

我想要的是當我將“東北”傳遞給函數（）時，它應該從根返回點符號字符串路徑。 在這種情況下，函數的預期返回字符串將是“links.world.usa.northeast”

Answer 1

您可以測試每個嵌套數組，如果找到，則將每個級別的id作為路徑。

 const pathTo = (array, target) => { var result; array.some(({ id, children = [] }) => { if (id === target) return result = id; var temp = pathTo(children, target) if (temp) return result = id + '.' + temp; }); return result; }; var data = [{ title: "News", id: "news" }, { title: "Links", id: "links", children: [{ title: "World", id: "world", children: [{ title: "USA", id: "usa", children: [{ title: "Northeast", id: "northeast" }, { title: "Midwest", id: "midwest" }] }, { title: "Europe", id: "europe" }] }] }]; console.log(pathTo(data, 'northeast'));