Question

我有一个基本的联合类型;

    type A = {type: "A"}
    type B = {type: "B"}
    type X =  A | B

我有一个函数可以在列表中查找具有相同类型的项目：

    function find(x: X, list: Array<X>) {
        return list.find(item => item.type === x.type)
    }

我希望这个函数的返回类型是与输入x匹配的X的特定子类型。也就是说，我希望find({type: "A"}, [{type: "A"}, {type: "B"}])返回A类型。

我有什么想法可以做到这一点？

编辑：事实证明我所处理的内容有点复杂。我有一个队列的概念，如果它存在，我想将一个项目添加到批处理中，否则我想将一个新的批处理排队：

    type A = { type: "A" }
    type B = { type: "B" }
    type X = A | B

    type Batch<T extends X> = { type: T["type"]; batch: Array<T> }
    type BatchA = Batch<A>
    type BatchB = Batch<B>
    type BatchTypes = BatchA | BatchB

    function find(x: X, list: Array<BatchTypes>) {
        return list.find(item => item.type === x.type)
    }

    function enqueue(x: X, queue: Array<BatchTypes>) {
        const result = find(x, queue)
        if (result) {
            result.batch.push(x)
        } else {
            queue.push({type: x.type, batch:[x]})
        }
    }

    let a: A
    let b: B
    let queue: Array<BatchTypes>

    enqueue(a, queue)
    enqueue(b, queue)

这里的问题在于enqueue，因为结果是两种类型的联合。当我尝试重载类型时，结果得到了正确解决，但是find的第一个参数出现问题并将新批处理推送到队列中：

    function find(x: A, list: Array<BatchTypes>): BatchA
    function find(x: B, list: Array<BatchTypes>): BatchB
    function find(x: X, list: Array<BatchTypes>) {
        return list.find(item => item.type === x.type)
    }

    function enqueue(x: A, queue: Array<BatchTypes>)
    function enqueue(x: B, queue: Array<BatchTypes>)
    function enqueue(x: X, queue: Array<BatchTypes>) {
        const result = find(x, queue)
        if (result) {
            result.batch.push(x)
        } else {
            queue.push({ type: x.type, batch: [x] })
        }
    }

如果有更好的方法澄清这个问题，请告诉我。

鉴于@ artem的回答，我已经接近了：

    function find<T extends X>(x: T, list: Array<BatchTypes>): Batch<T> {
        return <Batch<T>>list.find(item => item.type === x.type)
    }

    function enqueue<T extends X>(x: T, queue: Array<BatchTypes>) {
        const result = find(x, queue)
        if (result) {
            result.batch.push(x)
        } else {
            queue.push({ type: x.type, batch: [x] })
        }
    }

但queue.push还存在问题。

也许这是展示当前问题的更简洁的例子：

    type A = { type: "A" }
    type B = { type: "B" }
    type X = A | B

    let list: Array<Array<A> | Array<B>>

    function append<T extends X>(x: T) {
        list.push([x])
    }

    function append2(x: X) {
        list.push([x])
    }

Answer 1

您可以为find添加overload declarations：

type A = {type: "A"}
type B = {type: "B"}
type X = A | B

function find(a: A, list: Array<X>): A;
function find(a: B, list: Array<X>): B;
function find(x: X, list: Array<X>) {
    return list.find(item => item.type === x.type)
}

let a: A;
let b: B;
let x = [a, b];

let a1 = find(a, x); // inferred as A
let b1 = find(b, x); // inferred as B

如果find返回类型始终与其第一个参数的类型相同，则可以使用单个泛型重载声明来避免重复：

function find<T extends X>(x: T, list: Array<X>): T;
function find(x: X, list: Array<X>) {
    return list.find(item => item.type === x.type)
}

如何从TypeScript中的联合类型列表中查找和消除联合类型？

1 个答案: