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的展开按钮。