如何简化JSON对象的未定义值检查？空数组场景该如何处理？

首先纠正一个误解：当names是空数组[]时，body?.data?.names[0]?.firstName不会抛出异常。因为names[0]会返回undefined，而可选链?.遇到undefined会直接返回undefined，不会继续访问firstName，不存在报错的情况。

如果需要兼顾空数组的场景，这里有几个比传统长判断更简洁的方案：

方案1：可选链直接取值（基础场景） #

如果只是想安全获取firstName，不管数组是否为空，直接用可选链就足够：

const firstName = body?.data?.names?.[0]?.firstName;
// 当names为空数组时，返回undefined；存在元素时返回对应firstName

方案2：可选链 + 长度判断（确保数组非空） #

如果需要确保names至少有一个元素再取值，可以配合长度检查：

const firstName = body?.data?.names?.length > 0 ? body.data.names[0].firstName : undefined;

方案3：可选链 + 空值合并（给默认值） #

如果希望取不到值时返回默认值，结合??运算符使用：

const firstName = body?.data?.names?.[0]?.firstName ?? '未知姓名';

方案4：封装工具函数（复用场景） #

如果经常需要处理这类嵌套结构，可以写个通用工具函数：

function getNestedValue(obj, path) {
  return path.reduce((current, key) => current?.[key], obj);
}

// 使用示例
const firstName = getNestedValue(body, ['data', 'names', 0, 'firstName']);

传统的多条件判断写法虽然安全，但过于冗余，完全没必要再用。可选链已经能覆盖绝大多数嵌套结构的安全访问场景，包括空数组的情况。

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