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

最新推荐文章于 2023-08-04 15:09:57 发布

luluan_lin

最新推荐文章于 2023-08-04 15:09:57 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签：递归对象

本文链接：https://blog.youkuaiyun.com/luluan_lin/article/details/102695273

前端专栏收录该内容

24 篇文章

订阅专栏

本文探讨如何使用递归方法遍历JavaScript对象，并移除所有值为null、undefined、空字符串、空数组及空对象的属性。通过这种方式，可以有效地清理数据结构，确保对象只包含有意义的数据。

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

// 过滤对象中为null/undefined/''/[]/{}的属性值
export const 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]
        }
      }
    }
  }

  let obj = [
    {
      'a': 1,
      'test': {}
    },
    {
      'b': ''
    },
    {
      'c': '',
      'd': {
        'e': null,
        'f': undefined,
        'g': 'test',
        'h': [
          {
            'i': '',
            'j': '哈哈哈',
            'k': []
          }
        ]
      }
    }
  ]
  clearDeep(obj)
  console.log(obj)
  // [
 		{
 			'a': 1
 		},
 		{
		    'd': {
	        'g': 'test',
	        'h': [
	          {
	            'j': '哈哈哈',
	          }
	        ]
	      }
 		}
 	 ]