数组扁平化-多维数组转化为一维数组

代码

/**
  arr: 需要进行扁平化的数组；
  returnArr: 返回值(因需要多次遍历到同一数组中)
  isChildren： 扁平化后子元素是否还包含在当前元素中；
  id: 在子元素中添加识别父元素的唯一标识；
  pid: 标识在父元素中的属性名；
  branch: 需要扁平的子元素；
*/
flatteningData(arr, returnArr, isChildren=false, id='pid', pid='id', branch='children'){
   let list = returnArr , data = {}
   arr = JSON.parse(JSON.stringify(arr))
   while(data = arr.shift()){
     const {[branch]:children, ...item} = data
     list.push(isChildren ? data : item) 
     if(children && children.length){
        this.flatteningData(children, list,  isChildren, id, pid, branch)
      }
    }
    return list
}

案例

test(){
  const arr = [
    {
      text:'吃食',
      id:1,
      children:[
        {
          text:'水果',
          id:11,
          children:[
            {
              text:'苹果',
              id:111
            },
            {
              text:'葡萄',
              id:112
            },
            {
              text:'梨子',
              id:113
            }
          ]
        },
        {
          text:'零食',
          id:12,
          children:[
            {
              text:'锅巴',
              id:121
            },
            {
              text:'辣条',
              id:122
            }
          ]
        },
        {
          test:'肉类',
          id:13,
          children:[
            {
              text:'鸭肉',
              id:131
            },
            {
              text:'鸡肉',
              id:132
            }
          ]
        }
      ]
    }
  ]
  console.log('结果111', this.flatteningData(arr, []))
}

// 结果
[
    {
        "text": "吃食",
        "id": 1
    },
    {
        "text": "水果",
        "id": 11
    },
    {
        "text": "苹果",
        "id": 111
    },
    {
        "text": "葡萄",
        "id": 112
    },
    {
        "text": "梨子",
        "id": 113
    },
    {
        "text": "零食",
        "id": 12
    },
    {
        "text": "锅巴",
        "id": 121
    },
    {
        "text": "辣条",
        "id": 122
    },
    {
        "test": "肉类",
        "id": 13
    },
    {
        "text": "鸭肉",
        "id": 131
    },
    {
        "text": "鸡肉",
        "id": 132
    }
]