如何从界面内的嵌套对象中删除属性？

Question

给定以下示例

interface DataProvider {
    type: string;
    // other props
}

interface ApiConfiguration {
    dataProvider: DataProvider;
    // other props
}

interface Configuration {
    api: ApiConfiguration;
    // other props
}

const configuration: Configuration = {
    api: {
        dataProvider: { type: 'http' }
    }
};

此配置将根据模式进行验证。对于给定的测试，我想确保如果缺少 type 字段，将抛出验证错误。

delete configuration.api.dataProvider.type

不可能因为

“删除”运算符的操作数必须是可选的。

因为接口必须有 type 道具。我知道有 Pick 和 Omit，但是为每个测试用例创建自定义接口类型会非常耗时。

目前我正在使用这种方法

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const clonedConfiguration: any = structuredClone(configuration);

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const {type: _, ...dataProviderWithoutType} = clonedConfiguration.api.dataProvider;

clonedConfiguration.api.dataProvider = dataProviderWithoutType;

但是有没有更优雅的方法来从嵌套的孩子中删除道具？

Answer 1

您可以使用 Typescript 中的 as 关键字来执行此操作。使用它时，您明确告诉 Typescript 不要担心对象内部的内容。

详情请见this question。

interface DataProvider {
    type: string;
    // other props
}

interface ApiConfiguration {
    dataProvider: DataProvider;
    // other props
}

interface Configuration {
    api: ApiConfiguration;
    // other props
}

const configuration: Configuration = {
    api: {
        dataProvider: {} as DataProvider,
    }
};