输入相同类型的元素数组，除了最后一个

Question

我有一个服务器响应，它是 IFoo 元素的数组，但最后一个是 IBar 类型。

我想删除最后一个元素并将其分配给一个新变量。我该怎么做？

我尝试将响应键入为元组，但 TypeScript 不会像我预期的那样拆分元素的类型。

const response = [...IFoo[], IBar];
const lastElement = response.pop()

// typeof response returns [...IFoo[], IBar]
// typeof lastElement returns IFoo | IBar | undefined

//expected result:
// typeof response returns IFoo[]
// typeof lastElement returns IBar

Answer 1

这是一个不幸的服务器响应。假设您坚持使用它，那么可悲的是，我认为您在从中拆解零件时也坚持使用类型断言。（如果可以更改，请参见水平线下方。）您有正确的响应类型：

type ResponseTuple = [...IFoo[], IBar];

由于您可能坚持使用类型断言，让我们至少将它们包装在一个可重用、可测试的函数中，该函数生成一个更易于使用的结构：

// A function to split the response into something easier to work with
function splitResponse(response: ResponseTuple): {bar: IBar, foos: IFoo[]} {
    if (response.length < 1) {
        // No bar at all => error (you could make another decision, but this is an example)
        throw new Error(`Can't split an empty response`);
    }
    // Grab the bar non-destructively, using a type assertion :-(
    const bar = response[response.length - 1] as IBar;
    // Grab the foos non-destructively, using a type assertion :-(
    const foos = response.slice(0, -1) as IFoo[];
    // Return the more useful format
    return {bar, foos};
}

使用它：

const { bar, foos } = splitResponse(someResponse);

Playground example

---

如果您可以更改服务器响应，这样IBar就在前面，事情是很多更简单：

// The type of the response
type ResponseTuple = [IBar, ...IFoo[]];

// Dividing it up
const [ bar, ...foos] = someResponse;
console.log(bar);
//          ^? const bar: IBar
console.log(foos);
//          ^? const foos: IFoo[]

Playground link