递归循环循环节点

Question

我在嵌套了孩子属性的数组对象上有一个挑战，该结构就像So

我尝试过的遍历甚至还没有接近，我实际上希望结果是一个平坦的数组

[{
element: 'a',
key: 'a',
isCollapsible: true,
isClickable: false,
children: [{
  element: 'a-1',
  key: 'a-1',
  indentChildren: false,
  children: [{
    element: 'a-1-1',
    key: 'a-1-1',
    children: [],
  }, {
    element: 'a-1-2',
    key: 'a-1-2',
    children: [],
  }],
}, {
  element: 'a-2',
  key: 'a-2',
  indentChildren: false,
  children: [{
    element: 'a-2-1',
    key: 'a-2-1',
    indentChildren: false,
    children: [{
      element: 'a-2-1-1',
      key: 'a-2-1-1',
      children: [],
    }],
  }, {
    element: 'a-2-2',
    key: 'a-2-2',
    children: [],
  }, {
    element: 'a-2-3',
    key: 'a-2-3',
    children: [],
  }],
}],
}]

Answer 1

由于ES6，您可以使用具有嵌套产量的发电机来扁平迭代：

 function* flatten(array){
   for(const el of array){
     yield el;
     yield* flatten(el.children);
   }
}

因此您可以做：

 for(const el of flatten(yourdata)){
    //...
 }