js删除对象空属性值的方法

最新推荐文章于 2024-07-17 16:31:28 发布

真·skysys

最新推荐文章于 2024-07-17 16:31:28 发布

阅读量1w

点赞数 3

分类专栏：大前端和跨平台技术

原文链接：https://blog.csdn.net/yyanglirong/article/details/105998144

版权

大前端和跨平台技术专栏收录该内容

329 篇文章 105 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在JavaScript中处理空属性值。针对三种情况：1) 删除对象的空属性值，例如当对象的某个键值变成空数组时；2) 清除数组对象中的空值；3) 深度删除对象中所有为'空'的字段，确保数据提交时不会包含无用的空数据。

摘要由CSDN通过智能技术生成

1.删除对象空属性值

正常情况下，拿到的数据是{01:[“鹿晗”,“关晓彤”]}
但当用户更改选项之后，我们可能拿到数据就是{01:[]}，01的属性值是空的,那表单提交的时候我需要删除这条空数据

var obj={100:[]};
for(var key in obj){
    if(obj[key] ==''){
       delete obj[key]
    }
 }
 console.log(obj)

2. 删除数组对象的中的空值

      var arr = [{}, { 100: [2, 3] }, {}];
      for (let i = 0; i < arr.length; i++) {
        if (arr[i] == null || arr[i] == "" || JSON.stringify(arr[i]) == "{}") {
          arr.splice(i, 1);
          console.log(arr);
          i = i - 1;
        }
      }
      console.log(arr);

3 深度删除对象中为’空’的字段？

/**
 * 去除对象中所有符合条件的对象
 * @param {Object} obj 来源对象
 * @param {Function} fn 函数验证每个字段
 */
function compactObj (obj, fn) {
  for (var i in obj) {
    if (typeof obj[i] === 'object') {
      compactObj(obj[i], fn)
    }
    if (fn(obj[i])) {
      delete obj[i]
    }
  }
}
 
// 删除空对象 删除'', null, undefined
function isEmpty (foo) {
    if (typeof foo === 'object') {
      for (var i in foo) {
        return false
      }
      return true
    } else {
      return foo === '' || foo === null || foo === undefined
    }
}
 
const obj = {
    a: 1,
    b: '',
    c: {
        d: {
            e: {}
        }
    }
}
 
// 调用方法
compactObj(obj, isEmpty) // {a:1}