TypeScript ts(2345)错误：uPlot的AlignedData y数组赋null如何规范解决

问题根因 #

这是TypeScript对带剩余参数的元组类型的动态下标访问推导限制导致的：当你使用数值变量index访问AlignedData类型的元组时，TypeScript无法通过index >=1的逻辑边界缩小类型，只会将data[index]推导为联合类型 number[] | (number | null | undefined)[]。push方法的参数需要兼容联合类型的所有成员，而number[]的push仅接受number类型入参，null不满足要求，因此抛出2345错误。

规范解决方案 #

下面的方案都比any hack更安全，不会丢失类型校验能力：

方案1：解构后直接遍历Y轴数组（最推荐） #

利用数组解构直接提取所有Y轴子列表，TypeScript可以直接推导正确类型，无需任何类型断言：

// 解构时忽略第0位的X轴数组，直接拿到所有Y轴数组
const [, ...yLists] = data;
for (const yList of yLists) {
    yList.push(null); // 类型完全匹配，无报错
}

方案2：局部类型断言 #

如果必须用下标遍历，可以在操作处添加明确的类型断言，告知TypeScript当前操作的是Y轴数组：

for (let index = 1; index < data.length; index++) {
    (data[index] as (number | null | undefined)[]).push(null);
}

方案3：封装类型守卫（适合高频操作场景） #

如果项目中需要频繁区分操作X/Y轴数组，可以封装类型守卫函数实现无断言的类型收窄：

function isYAxisList(arr: number[] | (number | null | undefined)[]): arr is (number | null | undefined)[] {
    // 可按需添加实际校验逻辑，确定调用时下标>=1也可直接返回true
    return true;
}

for (let index = 1; index < data.length; index++) {
    const currentList = data[index];
    if (isYAxisList(currentList)) {
        currentList.push(null); // 类型自动收窄，无报错
    }
}

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