TypeScript提示对象可能未定义但已做检查，是方括号语法导致的吗？

你的问题不是方括号语法导致的，而是TypeScript类型系统的两个特性引发的报错：

1. 重复索引访问的类型窄化失效：你两次访问queryObject[value]，TypeScript无法确保这两次访问返回的是同一个值（尽管实际运行中不会变化，但类型系统做了保守推断），所以第一次Array.isArray(queryObject[value])的类型窄化，无法作用到第二次的queryObject[value][0]上，TS依然认为这个值可能是undefined。
2. 数组元素的存在性未被确认：即使queryObject[value]是数组，空数组的[0]索引访问结果是undefined，TypeScript会提示这个潜在的风险。

修复代码 #

把要检查的值存到一个变量里，避免重复访问对象属性，同时明确处理数组的情况：

export const getSingleQueryStringParameter = (queryObject: ParsedUrlQuery, value: string, defaultValue: any = null) => {
  const paramValue = queryObject[value];
  
  // 处理数组类型的参数，取第一个非undefined的元素
  if (Array.isArray(paramValue)) {
    return paramValue[0] ?? defaultValue;
  }

  // 处理单个值的情况
  if (paramValue != null) {
    return paramValue;
  }

  return defaultValue;
};

或者保留你原本的存在性检查逻辑，同样用变量保存值：

export const getSingleQueryStringParameter = (queryObject: ParsedUrlQuery, value: string, defaultValue: any = null) => {
  const paramValue = queryObject[value];
  
  if (Array.isArray(paramValue) && paramValue[0]) {
    return paramValue[0];
  }

  if (paramValue) {
    return paramValue;
  }

  return defaultValue;
};

这样修改后，TypeScript就能正确识别paramValue的类型，不会再出现错误提示。

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