TypeScript中如何向NameValuePair类型数组添加指定元素？

你定义的接口和变量本身符合TypeScript语法规范，可通过以下两种合规方式添加目标元素，全程会自动触发类型校验，不符合接口结构的写法会直接抛类型错误：

方法1：调用数组push方法追加元素 #

push是数组原生的追加方法，支持单次传入多个元素批量追加，适合已经初始化为空数组后再新增元素的场景：

// 单次批量传入两个元素
isModerator.push(
  { name: 'YES', value: 'Y' },
  { name: 'NO', value: 'N' }
);

也可以根据业务逻辑分多次调用追加：

// 第一次追加
isModerator.push({ name: 'YES', value: 'Y' });
// 逻辑处理后第二次追加
isModerator.push({ name: 'NO', value: 'N' });

方法2：声明时直接初始化赋值 #

如果不需要先初始化为空数组等待后续逻辑触发赋值，可以在变量声明阶段直接写入目标元素，写法更简洁：

isModerator: NameValuePair[] = [
  { name: 'YES', value: 'Y' },
  { name: 'NO', value: 'N' }
];

注意：如果isModerator是用const声明的变量，无法通过等号重新赋值整个数组，这种场景只能用push方法追加元素；如果是let声明的变量，支持后续重新赋值为新的数组。

类型校验提示 #

因为数组已经明确标注为NameValuePair[]类型，添加元素时不需要手动给每个对象加类型注解，TypeScript会自动校验结构：

• 缺失name或value字段会直接报类型错误
• name/value赋值为非字符串类型（数字、布尔值、对象等）会触发类型告警
• 新增未在接口中定义的字段（比如额外加id属性）也会被识别为不符合接口定义，抛出错误

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