JavaScript递归计数对象数组中count += 递归函数的逻辑疑问

1. count++ + count += 递归调用的核心逻辑 #

原函数的计数规则是每一个独立元素（包括Object/Array容器本身）都算一个计数单位，两行代码的分工明确：

• count++：先把当前遍历到的元素（不管是普通值、Object还是Array）计入总数，完成当前层级节点的基础计数。
• count += countAndDisplay(obj[key], indent + " ")：如果当前元素是Object或Array类型，递归遍历其内部所有子元素，递归函数会返回子元素的总数量，将这个结果加到当前count中，实现多层级元素的累计统计。

举个具体例子，针对对象{a: 1, b: [2, 3]}：

1. 遍历keya：count++（count=1），obj[key]是普通数字1，递归调用返回0，count保持1；
2. 遍历keyb：count++（count=2），obj[key]是数组[2,3]，触发递归：
   • 递归内遍历数组第一个元素2：count++（递归局部count=1），普通值，返回1；
   • 递归内遍历数组第二个元素3：count++（递归局部count=2），普通值，返回2；
3. 外层count += 2，最终count=4，对应总元素：a的1、b数组本身、数组里的2和3，共4个。

2. 仅直接调用递归函数为何计数错误 #

递归函数内部的count是局部变量，每一次递归调用都会创建全新的count上下文。如果只调用递归函数而不接收它的返回值并累加，递归内部统计的子元素数量只会在递归的局部作用域生效，外层count无法获取该结果，最终只会统计当前层级的元素，漏掉所有子层级的元素。

比如错误写法：

function countAndDisplay(obj, indent) {
  let count = 0;
  for (const key in obj) {
    count++;
    // 只调用递归，不处理返回值
    countAndDisplay(obj[key], indent + "  ");
  }
  return count;
}

用这个函数统计{a:1, b:[2,3]}，最终返回2（只统计了a和b两个顶层元素），完全漏掉数组里的2和3。

3. 递归计数逻辑复用示例 #

可以封装成通用的元素计数函数，两种实现方式：

方式1：基于局部变量累加（闭包方式） #

function countTotalElements(obj) {
  let total = 0;

  const traverse = (item) => {
    total++;
    // 排除null（typeof null === 'object'），只处理真正的对象/数组
    if (typeof item === 'object' && item !== null) {
      if (Array.isArray(item)) {
        item.forEach(traverse);
      } else {
        // 只遍历自身属性，跳过原型链属性
        Object.keys(item).forEach(key => traverse(item[key]));
      }
    }
  };

  traverse(obj);
  return total;
}

方式2：基于递归返回值累加（和原函数逻辑对齐） #

function countTotalElements(item) {
  // 当前元素先算1个
  let count = 1;

  if (typeof item === 'object' && item !== null) {
    if (Array.isArray(item)) {
      item.forEach(elem => count += countTotalElements(elem));
    } else {
      Object.keys(item).forEach(key => count += countTotalElements(item[key]));
    }
  }

  return count;
}

调用示例：

const testObj = { a: 1, b: [2, 3], c: { d: true, e: null } };
console.log(countTotalElements(testObj)); // 输出7：a、b数组、2、3、c对象、d、e

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