如何在TypeScript中给数组添加对象属性且无需使用@ts-ignore

你想要的效果完全可以实现，不需要@ts-ignore也不需要强制类型断言，核心是利用Object.assign的类型特性：Object.assign会返回所有入参的交叉类型，刚好匹配你需要的「数组+自定义属性」的交叉类型要求。

优化后的函数实现 #

const addPropToArray = <T,>(x: T[]): T[] & { prop: number } => {
  return Object.assign([...x], { prop: 3 });
};

这个写法TS可以完全推导出正确类型，没有任何类型报错，返回的结果是标准数组，所有数组原生方法（push/slice/length等）都可以正常使用，同时可以直接访问prop属性，类型校验完全正常。

直接声明带属性的数组变量 #

你提到的直接声明场景也可以用同样的方案实现：

const x: string[] & { prop: number } = Object.assign(["a", "b", "c"], { prop: 4 });

这个写法不会像展开语法那样把数组转成普通对象，保留了数组的所有原生特性。

相关疑问解答 #

给数组附加自定义属性本身是JS合法的语法特性，不存在「不合理」的问题，TS也完全支持这种场景。你之前的写法是先创建普通数组再追加属性，TS的类型追踪机制没法识别后续追加的属性，才需要用@ts-ignore或者断言。用Object.assign一次性完成数组创建和属性赋值，刚好符合TS的类型推导规则，自然就不需要额外的类型妥协。

如果需要给已经存在的数组追加属性，也可以封装一个通用的属性赋值工具函数，同样不需要类型断言：

function addProperties<T extends object, U extends object>(target: T, props: U): T & U {
  return Object.assign(target, props);
}

// 使用示例
const arr = [1,2,3];
const arrWithProp = addProperties(arr, { prop: 5 });

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