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

场景

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

vue删除数组对象中的所有空数据_第1张图片
三个 表头,五个数据,这怎么对应?
所以我就想 把为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 当前为空的数据

你可能感兴趣的:(vue,公司项目相关)