TypeScript map函数报错：Type 'number | undefined'无法赋值给type 'number'

你的问题出在map回调的返回值上——当parseInt得到NaN时，函数没有明确返回值，这会让pagesArray的类型变成(number | undefined)[]，而Math.max无法处理包含undefined的数组，同时TypeScript也会严格检查类型不匹配。

下面是几个可行的修复方案：

方案1：过滤无效值+类型守卫 #

先通过map转换数值，再用类型守卫过滤掉undefined，确保数组全为有效数字：

const getLastPage = (items: OrderItemType[]) => {
    const pagesArray = items
        .map((orderItem) => {
            // 直接对数值用parseInt，无需转字符串拆分，更简洁
            const pageValue = parseInt(orderItem.value, 10);
            return isNaN(pageValue) ? undefined : pageValue;
        })
        // 类型守卫：告诉TS过滤后数组全为number类型
        .filter((num): num is number => num !== undefined);

    // 处理空数组情况，避免Math.max返回-Infinity
    return pagesArray.length > 0 ? Math.max(...pagesArray) : 0;
};

方案2：用flatMap直接过滤无效项 #

flatMap可以在转换的同时过滤掉无效元素，无需额外的filter步骤：

const getLastPage = (items: OrderItemType[]) => {
    const pagesArray = items.flatMap((orderItem) => {
        const pageValue = parseInt(orderItem.value, 10);
        // 无效值返回空数组，会被flatMap忽略
        return isNaN(pageValue) ? [] : [pageValue];
    });

    return pagesArray.length ? Math.max(...pagesArray) : 0;
};

方案3：用Math.trunc简化整数提取 #

如果orderItem.value是数值类型，直接用Math.trunc提取整数部分比parseInt更直观，还能避免字符串解析的潜在问题：

const getLastPage = (items: OrderItemType[]) => {
    const pagesArray = items
        .map((orderItem) => Math.trunc(orderItem.value))
        .filter(num => !isNaN(num));

    return pagesArray.length ? Math.max(...pagesArray) : 0;
};

为什么非空断言没用？ #

你尝试的非空断言（比如pagesArray!）只能告诉TypeScript数组本身不是null或undefined，但无法消除数组元素中的undefined。即便强行断言，运行时如果数组里存在undefined，Math.max会返回NaN，依然会引发逻辑问题。

另外要注意：parseInt一定要传入第二个参数10作为基数，否则以0开头的字符串会被解析为八进制，导致错误结果。

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