为何在递归提取嵌套对象数组属性时调用arr.map()会报错？

嘿，我来帮你搞定这个问题！你遇到的arr.map is not a function错误，本质是因为你的嵌套结构里既有对象又有数组，递归时没先判断当前处理的元素类型，就直接调用了map方法——而对象是没有map方法的，比如你示例数组里的第一个元素就是对象，直接对它用map肯定会报错。

问题分析 #

你的示例数组结构是混合嵌套的：顶级是数组，里面既有单独的对象，又有嵌套的数组，数组里再包含对象或更深的数组。要提取每个对象的指定属性（比如points），递归函数需要先区分当前元素是数组还是对象，再做不同处理。

解决方案：类型判断+递归遍历 #

下面是一个完整的递归函数，专门处理这种混合嵌套结构，提取指定属性值：

function extractNestedProperty(item, targetProp) {
  let result = [];

  // 先判断当前元素是不是数组
  if (Array.isArray(item)) {
    // 遍历数组每个元素，递归处理并合并结果
    item.forEach(element => {
      result = result.concat(extractNestedProperty(element, targetProp));
    });
  } 
  // 再判断是不是非null的对象（注意typeof null是'object'，要排除）
  else if (typeof item === 'object' && item !== null) {
    // 如果对象包含目标属性，就把值加入结果
    if (targetProp in item) {
      result.push(item[targetProp]);
    }
    // （可选）如果需要处理对象内部嵌套的其他数组/对象属性，可以在这里扩展遍历对象的所有属性
    // 比如：Object.values(item).forEach(val => result = result.concat(extractNestedProperty(val, targetProp)));
  }

  return result;
}

测试你的示例数组 #

用你给出的数组测试这个函数：

var arr = [{squares: Array(9), xIsNext: true, points: 10}, [{squares: Array(9), xIsNext: true, points: 0}, [{squares: Array(9), xIsNext: false, points: -10}]]];

// 提取points属性
console.log(extractNestedProperty(arr, 'points')); 
// 输出结果：[10, 0, -10]

更简洁的写法（用flatMap） #

如果你的环境支持ES2019+，可以用flatMap简化数组处理，让代码更紧凑：

function extractNestedProperty(item, targetProp) {
  if (Array.isArray(item)) {
    // flatMap会自动把递归返回的数组合并成一维数组
    return item.flatMap(element => extractNestedProperty(element, targetProp));
  } else if (typeof item === 'object' && item !== null) {
    // 有目标属性就返回包含该值的数组，否则返回空数组
    return targetProp in item ? [item[targetProp]] : [];
  }
  // 非数组非对象的元素，返回空数组
  return [];
}

关键注意点 #

• 递归前一定要先判断元素类型：数组用遍历递归，对象则提取属性（或进一步处理内部嵌套）
• 要排除null：因为typeof null会返回'object'，但null不是我们要处理的对象
• 如果需要处理对象内部的嵌套属性（比如对象里的某个属性也是数组/对象），可以扩展代码遍历对象的所有值，再递归处理

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