如何移除数组中的空嵌套对象与空字段？

这个问题我之前也碰到过——只检查第一层对象的空值根本不够用，嵌套的空结构很容易漏判。你自己写的方法已经有思路了，但它只能处理一层嵌套的场景，而且用splice在map里操作原数组还容易出现索引错乱的问题。咱们来搞个更健壮的方案，不管嵌套多少层都能搞定。

核心问题分析 #

你之前用Object.values.length失效的原因很简单：嵌套的空对象本身是一个“非空”的对象（它的Object.keys长度是0，但它作为父对象的value时，Object.values会把它当作一个存在的值），所以父对象不会被过滤掉。我们需要一个递归的方法，深入到每一层嵌套去判断这个结构是不是“真正为空”。

解决方案：递归判断+过滤 #

首先写一个工具函数，用来判断任意值是否是“空结构”（包括空对象、空数组、嵌套的空内容）：

function isEmpty(value) {
  // 处理null/undefined
  if (value == null) return true;
  // 空数组或者数组里全是空结构
  if (Array.isArray(value)) return value.length === 0 || value.every(isEmpty);
  // 处理普通对象：要么没有键，要么所有键对应的值都是空结构
  if (typeof value === 'object') {
    const keys = Object.keys(value);
    return keys.length === 0 || keys.every(key => isEmpty(value[key]));
  }
  // 字符串、数字、布尔这类原始值都不算空
  return false;
}

然后用这个工具函数来处理你的数组：

function removeEmptyEntries(arr) {
  return arr.filter(item => {
    // 如果当前项本身是空结构，直接过滤掉
    if (isEmpty(item)) return false;
    
    // 如果是对象，递归清理它内部的空属性（可选，如果你需要保留非空属性的话）
    if (typeof item === 'object' && !Array.isArray(item)) {
      const cleanedObj = {};
      Object.keys(item).forEach(key => {
        const val = item[key];
        // 只有非空的属性才保留
        if (!isEmpty(val)) {
          // 如果属性值是数组，也递归清理
          cleanedObj[key] = Array.isArray(val) ? removeEmptyEntries(val) : val;
        }
      });
      // 清理后如果对象为空，就过滤掉整个项
      return Object.keys(cleanedObj).length > 0;
    }
    
    // 非对象且非空的项直接保留
    return true;
  });
}

测试你的示例 #

咱们来验证你给出的测试用例：

const todos = [ {}, { not: {} } ];
console.log(removeEmptyEntries(todos)); // 输出：[]

const todos2 = [ {}, { not: {countries: ["uk", "us"]} } ];
console.log(removeEmptyEntries(todos2)); // 输出：[{ not: {countries: ["uk", "us"]} }]

甚至更深的嵌套也能处理：

const todos3 = [ { a: { b: {} } }, { c: [{}, { d: [] }] }, { e: { f: "hello" } } ];
console.log(removeEmptyEntries(todos3)); // 输出：[{ e: { f: "hello" } }]

对你现有代码的小建议 #

你写的foo函数有两个小问题：

1. 在map里用splice修改原数组：map会遍历原数组的每一个索引，但splice会改变数组长度，导致有些项被跳过，结果可能不准确。
2. 仅支持一层嵌套：如果对象有多个属性，或者嵌套超过一层，就会误判。比如{ not: {}, other: { val: 1 } }，你的函数会把整个项移除，但实际上应该保留other属性，只移除not。

用递归的方案就能彻底解决这些问题啦～

内容的提问来源于stack exchange，提问作者HelloWorldEngineer