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 當前爲空的數據