根据条件创建不同元素类型数组时遇类型错误，求解决方法

错误原因分析 #

你写的代码存在两个关键问题：

• 数组类型语法错误：Array<Type>[] 表示二维数组（元素是Array<Type>的数组），但你需要的是元素为指定对象的一维数组，多余的[]导致类型不匹配。
• 基础类型使用错误：大写的String/Number是JS包装对象类型，TypeScript中应该用小写的string/number表示基础数据类型。

正确实现方式 #

方式1：直接用类型断言修正条件表达式

const myList = condition()
  ? [] as { secondLabel: string; value: string }[]
  : [] as { label: string; value: number }[];

或者用Array<Type>语法：

const myList = condition()
  ? [] as Array<{ secondLabel: string; value: string }>
  : [] as Array<{ label: string; value: number }>;

方式2：先定义联合类型再声明变量

先明确数组元素的联合类型，再直接赋值，可读性更好：

// 定义数组元素的联合类型
type ListItem = 
  | { secondLabel: string; value: string }
  | { label: string; value: number };

// 声明数组并赋值
const myList: ListItem[] = condition() ? [] : [];

效果说明 #

两种方式都能让TypeScript正确推断数组类型，根据condition()的结果，myList会被推断为对应类型的数组，不会再出现类型不匹配的错误。

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