JavaScript中处理嵌套数组：在map循环中高效检查子数组是否为空

const datas = {
  children: [
    [{ id: 1, name: 'Item A' }, { id: 2, name: 'Item B' }], // 非空子数组
    [],                                                     // 空子数组
    [{ id: 3, name: 'Item C' }],                           // 非空子数组
    null,                                                   // 非数组元素
    undefined,                                              // 非数组元素
    'not an array'                                          // 非数组元素
  ]
};

// 原始问题场景的模拟：如何在 map 回调中检查 datasAgain 是否为空数组？
datas.children.map((datasAgain) => {
  // 检查逻辑将在此处实现
  // ...
});

const emptyArray = [];
const filledArray = [1, 2, 3];

console.log(emptyArray.length === 0); // 输出: true
console.log(filledArray.length === 0); // 输出: false

const processedDataInMap = datas.children.map((datasAgain, index) => {
  // 1. 健壮性检查：确保 datasAgain 是一个数组
  if (!Array.isArray(datasAgain)) {
    console.warn(`警告：索引 ${index} 处的元素不是一个数组，无法处理。值:`, datasAgain);
    return null; // 对于非数组元素，返回 null 或其他默认值
  }

  // 2. 检查数组是否为空
  if (datasAgain.length === 0) {
    console.log(`提示：索引 ${index} 处的子数组为空，跳过具体处理。`);
    return []; // 对于空数组，返回一个空数组或 null，具体取决于需求
  }

  // 如果子数组不为空，则执行实际的映射处理
  // 假设我们想提取每个子数组中对象的 'name' 属性
  return datasAgain.map(item => item.name);
});

console.log("\n--- 在 map 回调中直接检查并处理 ---");
console.log(processedDataInMap);
/* 预期输出:
警告：索引 3 处的元素不是一个数组，无法处理。值: null
警告：索引 4 处的元素不是一个数组，无法处理。值: undefined
警告：索引 5 处的元素不是一个数组，无法处理。值: not an array
提示：索引 1 处的子数组为空，跳过具体处理。
[
  [ 'Item A', 'Item B' ],
  [],
  [ 'Item C' ],
  null,
  null,
  null
]
*/

const filteredAndProcessedData = datas.children
  .filter(element => Array.isArray(element) && element.length > 0) // 过滤掉非数组和空数组
  .map(datasAgain => {
    // 此时，datasAgain 保证是一个非空数组，可以直接进行处理
    return datasAgain.map(item => item.name);
  });

console.log("\n--- 先过滤再映射处理 ---");
console.log(filteredAndProcessedData);
/* 预期输出:
[
  [ 'Item A', 'Item B' ],
  [ 'Item C' ]
]
*/