如何在不复制类型的情况下使用toSpliced()方法？

问题核心是as const将数组推断为只读元组类型readonly [1, 2]，TypeScript会严格限制toSpliced()的替换元素必须匹配原数组的元素类型（1 | 2），因此传入'hi'会触发类型不兼容报错。以下是几种可行的解决方案：

方法1：显式放宽复制数组的元素类型 #

通过手动指定复制后数组的类型为联合类型，允许后续添加字符串元素：

const a = [1, 2] as const;
const copiedA: (number | string)[] = [...a];
const b = copiedA.toSpliced(0, 1, 'hi'); // 类型为 (number | string)[]

方法2：直接对原数组做类型断言后调用toSpliced() #

如果不需要保留原数组的严格只读元组类型，可以直接断言为允许混合类型的数组：

const a = [1, 2] as const;
const b = (a as (number | string)[]).toSpliced(0, 1, 'hi');

方法3：移除const断言，直接定义联合类型数组 #

如果业务场景不需要原数组是只读的字面量元组，直接声明数组为联合类型即可：

const a: (number | string)[] = [1, 2];
const b = a.toSpliced(0, 1, 'hi');

为什么之前的方法无效？ #

• 直接复制数组（[...a]或map）时，TypeScript会基于原数组的readonly [1, 2]推断出(1 | 2)[]类型，仍然不允许添加字符串元素；
• as any虽然能绕过类型检查，但完全丢失了TypeScript的类型安全特性，不推荐使用。

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