JavaScript 递归遍历对象：过滤对象中为null/undefined/''/[]/{}的属性值

转载于 2020-05-09 14:01:22 发布 · 3.3k 阅读

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/luluan_lin/article/details/102695273?utm_medium=distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-13&depth_1-utm_source=distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-13

收录于

JavaScript

本文介绍了一种在JavaScript中深度清理对象的实用方法，通过递归遍历并移除所有null、undefined、空字符串、空数组及空对象属性，确保数据结构的精简与高效。适用于前端开发、后端开发等场景。

// 过滤对象中为null/undefined/''/[]/{}的属性值
function clearDeep(obj) {
    if (!obj || !typeof obj === 'object') return

    const keys = Object.keys(obj)
    for (var key of keys) {
      const val = obj[key]
      if (
        typeof val === 'undefined' ||
        ((typeof val === 'object' || typeof val === 'string') && !val)
      ) {
        // 如属性值为null或undefined或''，则将该属性删除
        delete obj[key]
      } else if (typeof val === 'object') {
        // 属性值为对象，递归调用
        clearDeep(obj[key])

        if (Object.keys(obj[key]).length === 0) {
          // 如某属性的值为不包含任何属性的独享，则将该属性删除
          delete obj[key]
        }
      }
    }
  }
var obj3 = [
    {
      'a': 1,
      'test': {}
    },
    {
      'b': ''
    },
    {
      'c': '',
      'd': {
        'e': null,
        'f': undefined,
        'g': 'test',
        'h': [
          {
            'i': '',
            'j': '哈哈哈',
            'k': []
          }
        ]
      }
    }
]
clearDeep(obj3)
console.log(obj3)