vue删除数组对象中的所有空数据

场景

动态表头，动态表身体。但是表头肯定是有数据才展示，但是后端返回的数据，有的是null，这就有一个问题，看图你就明白了

三个 表头，五个数据，这怎么对应？
所以我就想 把为null 的数据全部删掉，只展示有数据的

代码

if (this.recommended) {
        this.recommended.forEach(element => {
          for (var key in element) {
            if (element[key] == null) {
              delete element[key];
            }
          }
        });
      }

注意观察接口返回的数据

第一层是数组，第二层是对象，所以第一层用数组的forEach遍历，找出数组的每一项。数组的每一项是一个大的对象集合。利用key in value的方法，找出当前项为空的数据，delete 当前为空的数据