如何向TypeScript数组添加字符串？遇undefined报错该如何解决？

嘿，这个问题很典型——你遇到的can not push to undefined错误，根源出在可选属性的初始化问题上，咱们一步步拆解：

首先，你的当前写法是不正确的。看你的接口定义：

export interface IConfigName { name: string; optionalParam?: string[]; }

optionalParam后面的?标记它是可选属性，这意味着当你初始化api对象时，如果没给这个属性赋值，它的默认值就是undefined。而undefined根本没有push方法，直接调用自然会报错。

接下来给你几个可行的修复方案：

方案1：先检查再初始化数组 #

在调用push之前，先确认optionalParam是否存在，不存在的话先把它初始化为空数组：

const api: IConfigName = {name: "getKey"};
const Name = "Web";

// 先兜底初始化
if (!api.optionalParam) {
  api.optionalParam = [];
}
api.optionalParam.push(Name);

方案2：初始化时直接赋空数组 #

如果你的业务里optionalParam大概率会被用到，不如在创建api对象时就给它一个空数组的初始值，这样后续可以直接调用push：

const api: IConfigName = {name: "getKey", optionalParam: []};
const Name = "Web";

api.optionalParam.push(Name);

关于扩展运算符的疑问 #

扩展运算符不是必须的，但如果你想通过创建新数组的方式添加元素（而不是修改原数组），可以这么用：

const api: IConfigName = {name: "getKey"};
const Name = "Web";

// 用扩展运算符合并现有数组（兜底为空）和新元素
api.optionalParam = [...(api.optionalParam || []), Name];

这种方式的好处是不会修改原数组的引用（如果有其他地方依赖这个引用的话），但核心还是要处理optionalParam为undefined的情况，通过|| []来兜底为空数组。

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