栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

vue 遍历数组对象中的每个属性去除空值null

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vue 遍历数组对象中的每个属性去除空值null

object.values(obj)  返回的是一个对象的所有key的value数组即 对象属性的值组成的数组 

let indexArray=[]  //建一个新数组
newData.forEach((element,index0) => {   // 遍历需过滤数组的元素和数组下标
        let isfalse=true
        Object.values(element).forEach((item,index) => {  // 遍历数组元素的属性和下标 
       
              if((item===null||item=="null")&&isfalse){ //如果属性值为空 
        
                 indexArray.push(index0)    //遍历出来的值添加到新数组中
                 isfalse=false    // isfalse跳出循环
       

               }
            })
        });
let test =newData.filter((item, index) =>{   // 建一个新数组test 用来储存数组过滤后的元素
            return !indexArray.includes(index)}   // 返回不在indexArray中的元素
        )
过滤后的数组还剩423条数据

代码优化:

object.values(obj) 返回的是一个对象的array
filter掉这个Array有null的值后Object.values(v).filter((i) => {return i!=null; })这是一个没有null的新数组
如果
Object.values(v).filter((i) => {return i!=null; })新数组,和Object.values(v)原数组
的长度相等,就代表 这个对象的所有属性都没有null,也就是最外层的filter的条件

 let test = newArr.filter((v) => {   // v是变量 固定写法 newArr是需要过滤的数组
             return (
               Object.values(v).filter((i) => {
                 return i!=null;
               }).length === Object.values(v).length
             );
           });

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1036108.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号