javascript - 如何在单键值对数组中获取嵌套的 json 对象值

Question

我有嵌套的 json 对象数组，我想以单键值对的格式从嵌套数组中获取值，以传递给 http 调用而不是我需要数组的单个对象

[{
   "menu_id":1,
   "parent_menu_id":0,
   "children":[
      {
         "menu_id":2,
         "parent_menu_id":1,
         "children":[
            {
               "menu_id":3,
               "parent_menu_id":2,
               "children":[

               ]
            }
         ]
      }
   ]
},
{
   "menu_id":5,
   "parent_menu_id":0,
   "children":[
      {
         "menu_id":6,
         "parent_menu_id":5,
         "children":[
            {
               "menu_id":7,
               "parent_menu_id":6,
               "children":[

               ]
            }
         ]
      }
   ]
}]

我需要数组格式的结果

[
   {
      "menu_id":1,
      "parent_menu_id":0
   },
   {
      "menu_id":2,
      "parent_menu_id":1
   },
   {
      "menu_id":3,
      "parent_menu_id":2
   }
]

标签： javascripttypescript

Answer 1

您可以为此创建一个递归函数。

function toFlatArray(obj) {
  let result = [];
  result.push({
    menu_id: obj.menu_id,
    parent_menu_id: obj.parent_menu_id
  });
  if (obj.children && obj.children.length) {
      obj.children.forEach(child => {
        result = result.concat(toFlatArray(child));
      });
  }
  return result;
}

// added another method to run forEach
function toFlatArrayFromArray(arr) {
  let result = [];
  arr.forEach(obj => {
    result = result.concat(toFlatArray(obj));
  });

  return result;
}

const myObj = [{
  "menu_id":1,
  "parent_menu_id":0,
  "children":[
    {
        "menu_id":2,
        "parent_menu_id":1,
        "children":[
          {
              "menu_id":3,
              "parent_menu_id":2,
              "children":[

              ]
          }
        ]
    }
  ]
},
{
  "menu_id":5,
  "parent_menu_id":0,
  "children":[
    {
        "menu_id":6,
        "parent_menu_id":5,
        "children":[
          {
              "menu_id":7,
              "parent_menu_id":6,
              "children":[

              ]
          }
        ]
    }
  ]
}];

console.log(toFlatArrayFromArray(myObj));