删除对象中的空值属性

博客介绍了在JavaScript中处理返回数据时,删除包含null、undefined等空值的方法。通过定义delNullProperty函数,对对象属性进行遍历,根据不同情况(常规空数据、对象、数组)进行空值判断和删除操作,实现去除对象中空值属性的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有些时候返回的数据里面包含null、undefined等空值,需要删除后使用

let obj = {

    a:1,

    b:{

      one:"test1",

      two:"test2",

      three:{},

      four:{name:'xxx'},

      five:{sex:'xxx'},

    },

    c:undefined,

    d:null,

    e:"",

    f:[1,2,3,4,5,,6,7,{},8],

    g:{

        test1:[],

        test2:[1,,,2,3,{},{}]

    }

 }

/**

 * 遍历删除对象中的空值属性

 */

function delNullProperty(obj){

    for( let i in obj ){//遍历对象中的属性

        if(obj[i] === undefined || obj[i] === null || obj[i] === ""){//首先除去常规空数据,用delete关键字

            delete obj[i]

        }else if(obj[i].constructor === Object){//如果发现该属性的值还是一个对象,再判空后进行迭代调用

            if(Object.keys(obj[i]).length === 0) delete obj[i]//判断对象上是否存在属性,如果为空对象则删除

            delNullProperty(obj[i])

        }else if(obj[i].constructor === Array){//对象值如果是数组,判断是否为空数组后进入数据遍历判空逻辑

            if( obj[i].length === 0 ){//如果数组为空则删除

                delete obj[i]

            }else{

                for( let index = 0 ; index < obj[i].length ; index++){//遍历数组

                    if(obj[i][index] === undefined || obj[i][index] === null || obj[i][index] === "" || JSON.stringify(obj[i][index]) === "{}" ){

                        obj[i].splice(index,1)//如果数组值为以上空值则修改数组长度,移除空值下标后续值依次提前

                        index--//由于数组当前下标内容已经被替换成下一个值,所以计数器需要自减以抵消之后的自增

                    }

                    if(obj[i].constructor === Object){//如果发现数组值中有对象,则再次进入迭代

                        delNullProperty(obj[i])

                    }

                }

            }

        }

    }

    return obj

}

结果:

欢迎补充,一起进步。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值