TypeScript中如何缩小Set与Array联合类型以使用find方法

你遇到的问题很典型——TypeScript的类型检查器没办法自动把Data_Array（Set<FetchDocument> | FetchDocument[]）这个联合类型正确收窄成数组，导致你调用find时触发报错。下面给你两个可行的解决方案，都不会修改原类型定义，也不影响其他依赖Set去重的代码：

方案1：用自定义类型谓词明确收窄类型 #

TypeScript有时候在处理嵌套对象属性的联合类型时，类型流分析会不够精准。我们可以写一个类型谓词函数，明确告诉类型检查器某个值是数组类型：

// 自定义类型谓词，判断传入的data是否为FetchDocument数组
function isFetchDocumentArray(data: Data_Array): data is FetchDocument[] {
    return Array.isArray(data);
}

// 循环中使用类型谓词处理
for(let i= 0; i < fetchArray.length ; i++){
    const currentData = fetchArray[i].Data;
    if(isFetchDocumentArray(currentData)){
        // 这里currentData的类型已被收窄为FetchDocument[]，可以安全调用find
        const targetObj = currentData.find(obj => obj.Date === 13);
    } else {
        // 如果是Set类型，先转成数组再调用find
        const targetObj = Array.from(currentData).find(obj => obj.Date === 13);
    }
}

这个方案的好处是可以针对数组和Set分别做优化处理，比如数组直接调用find，Set则转换成数组后再查询，避免不必要的转换。

方案2：统一转换成数组处理（更简洁） #

如果你不想区分数组和Set的情况，可以直接把Data_Array转换成数组——因为Set是可迭代对象，Array.from()可以完美处理数组和Set两种情况，而且不会修改原数据的类型（原Data还是Set或数组，只是创建了一个新的数组副本）：

for(let i= 0; i < fetchArray.length ; i++){
    // 把Data转换成数组，不管原类型是数组还是Set
    const dataAsArray = Array.from(fetchArray[i].Data);
    const targetObj = dataAsArray.find(obj => obj.Date === 13);
}

这个方案最简洁，不用做任何类型判断，而且完全不会影响其他依赖Set去重的代码，因为我们没有修改原Data属性的类型和值。

为什么你之前的尝试没生效？ #

你用Array.isArray()的写法理论上是可行的，但可能因为你直接访问fetchArray[i].Data而没有赋值给临时变量，TypeScript的类型检查器没能正确跟踪类型。把属性赋值给临时变量（比如const currentData = fetchArray[i].Data）再判断，或者用自定义类型谓词，就能解决这个问题。

而你尝试的重新赋值方式（fetchArray[i].Data = [...fetchArray[i].Data]）会把原Set改成数组，这确实会影响其他依赖Set去重的代码，所以不推荐。

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