Question

如果我有这两个对象

interface Input {
    one?: string;
    two?: string;
    c?: string
}

interface Data {
    one?: string;
    a?: string;
    b?: string;
    c?: string
}

目前我必须做类似

的事情

const { one, two, ...restOfData } = input;
const data: Data = {...restOfQuery};

是否可以直接输入...restOfData？

我希望能够做到这一点

const { one, two, ...data } = input;
data.one = 'test' + one;
data.a = one;

Answer 1

您可以将destructure键入为Input与包含Data所有字段但可选的类型的交集。对于“可选数据”类型，您可以使用内置Partial类型：

const { one, two, ...data }: Input & Partial<Data> = input; 
// data type is  inferred as data: { c: string; a?: string; b?: string; }
// so you now can
data.a = one;

如果你想让一些属性保留在data对象中，我想不出比做两个解构更好的事情，一个没有“rest”对象，第二个带有它。如果您希望one保留在data，但删除two，则可以执行此操作

interface Input {
    one?: string;
    two?: string;
    c?: string
}

interface Data {
    one?: string;
    a?: string;
    b?: string;
    c?: string
}
let input: Input;

const { one } = input;
const { two, ...data }: Input & Data = input;

data.one = 'test' + one;
data.a = one;

如果您希望保留所有属性，可以data作为input的浅层副本

const { one, two } = input;
const { ...data }: Input & Data = input;

打字稿：如何输入rest object destructure

1 个答案: