for 循環 遞歸刪除多層嵌套數組中的元素

前端有的時候需要去處理返回數據，正如昨天遇到的問題一樣，在遍歷antd樹形table的時候，發現后端數據在返回的時候將children為空的也返回了，這樣就涉及到在children為空的時候，也是有展開按鈕的。返回數據與展示效果如下：

　　

data = [
   {
　　　　key: 1,
　　　　name: 'John Brown sr.',
　　　　age: 60,
　　　　address: 'New York No. 1 Lake Park',
　　　　children: [
         {
　　　　　　　　key: 11,
　　　　　　　　name: 'John Brown',
　　　　　　　　age: 42,
　　　　　　　　address: 'New York No. 2 Lake Park',
　　　　　　　　children: [],
　　　　　　},
　　　　　　{
　　　　　　　　key: 12,
　　　　　　　　name: 'John Brown jr.',
　　　　　　　　age: 30,
　　　　　　　　address: 'New York No. 3 Lake Park',
　　　　　　　　children: [
　　　　　　　　　　{
　　　　　　　　　　　　key: 121,
　　　　　　　　　　　　name: 'Jimmy Brown',
　　　　　　　　　　　　age: 16,
　　　　　　　　　　　　address: 'New York No. 3 Lake Park',
　　　　　　　　　　　　children: [],
　　　　　　　　　　},
　　　　　　　　],
　　　　　　},
　　　　　　{
　　　　　　　　key: 13,
　　　　　　　　name: 'Jim Green sr.',
　　　　　　　　age: 72,
　　　　　　　　address: 'London No. 1 Lake Park',
　　　　　　　　children: [
　　　　　　　　　　{
　　　　　　　　　　　　key: 131,
　　　　　　　　　　　　name: 'Jim Green',
　　　　　　　　　　　　age: 42,
　　　　　　　　　　　　address: 'London No. 2 Lake Park',
　　　　　　　　　　　　children: [
　　　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　key: 1311,
　　　　　　　　　　　　　　　　name: 'Jim Green jr.',
　　　　　　　　　　　　　　　　age: 25,
　　　　　　　　　　　　　　　　address: 'London No. 3 Lake Park',
　　　　　　　　　　　　　　　　children: [],
　　　　　　　　　　　　　　},
　　　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　key: 1312,
　　　　　　　　　　　　　　　　name: 'Jimmy Green sr.',
　　　　　　　　　　　　　　　　age: 18,
　　　　　　　　　　　　　　　　address: 'London No. 4 Lake Park',
　　　　　　　　　　　　　　　　children: [],
　　　　　　　　　　　　　　},
　　　　　　　　　　　　],
　　　　　　　　　　},
　　　　　　　　],
　　　　　　},
　　　　],
　　},
　　{
　　　　key: 2,
　　　　name: 'Joe Black',
　　　　age: 32,
　　　　address: 'Sidney No. 1 Lake Park',
　　　　children: [],
　　},
];

 

 

 

 所以我們需要處理數據，將其children為空的元素刪除掉，但是問題來了，因為多層嵌套的多層是不確定的，因此只用for循環是無法處理的，所以用到了遞歸。

del (arr) {
   for (let item of arr) {
      if (item.children.length == 0) {
         delete item.children
　　　　} else if (item.children.length > 0 ) {
         this.del(item.children);
　　　　}
   }
   return arr
}

處理完數據如下：

data = [
   {
　　　　key: 1,
　　　　name: 'John Brown sr.',
　　　　age: 60,
　　　　address: 'New York No. 1 Lake Park',
　　　　children: [
         {
　　　　　　　　key: 11,
　　　　　　　　name: 'John Brown',
　　　　　　　　age: 42,
　　　　　　　　address: 'New York No. 2 Lake Park',
　　　　　　},
　　　　　　{
　　　　　　　　key: 12,
　　　　　　　　name: 'John Brown jr.',
　　　　　　　　age: 30,
　　　　　　　　address: 'New York No. 3 Lake Park',
　　　　　　　　children: [
　　　　　　　　　　{
　　　　　　　　　　　　key: 121,
　　　　　　　　　　　　name: 'Jimmy Brown',
　　　　　　　　　　　　age: 16,
　　　　　　　　　　　　address: 'New York No. 3 Lake Park',
　　　　　　　　　　},
　　　　　　　　],
　　　　　　},
　　　　　　{
　　　　　　　　key: 13,
　　　　　　　　name: 'Jim Green sr.',
　　　　　　　　age: 72,
　　　　　　　　address: 'London No. 1 Lake Park',
　　　　　　　　children: [
　　　　　　　　　　{
　　　　　　　　　　　　key: 131,
　　　　　　　　　　　　name: 'Jim Green',
　　　　　　　　　　　　age: 42,
　　　　　　　　　　　　address: 'London No. 2 Lake Park',
　　　　　　　　　　　　children: [
　　　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　key: 1311,
　　　　　　　　　　　　　　　　name: 'Jim Green jr.',
　　　　　　　　　　　　　　　　age: 25,
　　　　　　　　　　　　　　　　address: 'London No. 3 Lake Park',
　　　　　　　　　　　　　　},
　　　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　key: 1312,
　　　　　　　　　　　　　　　　name: 'Jimmy Green sr.',
　　　　　　　　　　　　　　　　age: 18,
　　　　　　　　　　　　　　　　address: 'London No. 4 Lake Park',
　　　　　　　　　　　　　　},
　　　　　　　　　　　　],
　　　　　　　　　　},
　　　　　　　　],
　　　　　　},
　　　　],
　　},
　　{
　　　　key: 2,
　　　　name: 'Joe Black',
　　　　age: 32,
　　　　address: 'Sidney No. 1 Lake Park',
　　},
];

 成功去除了，無children的展開按鈕。