首页 文章

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

提问于
浏览
1

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

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])
    }

1 回答

  • 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)
    }
    

相关问题