How to flatten interface type in Typescript

Asked Feb 28 '23 at 08:36

Active Mar 01 '23 at 09:53

Viewed 47 times

Given this type in Typescript

type MyType = {
    name: string;
    gender?: "male" | "female";
    section: {
        a: string;
        b: string;
    };
}

Hot to transform the type into flatted version like so?

{
    name: string;
    gender?: "male" | "female";
    "section.a": string;
    "section.b": string;
}

edited Mar 01 '23 at 09:53

asked Feb 28 '23 at 08:36

kitta

1

What do you mean by "flatten"? – derpirscher Mar 01 '23 at 09:47
`section.a` is not a valid key – thedude Mar 01 '23 at 09:49
@thedude it can be, if you enclose it in quotes `"section.b": string` (not that I say this is good practice!) – derpirscher Mar 01 '23 at 09:50
So still: What's your actual question. Seems like you "flattened" it already ... – derpirscher Mar 01 '23 at 09:52
@derpirscher By flatten I mean transfrom the type and use it as Flatten. – kitta Mar 01 '23 at 09:53
Sorry for the confustion – kitta Mar 01 '23 at 09:54
Perhaps I'm missing the point, but surely any code doing the flattening will only occur at run time, skipping the compile time checks that make interfaces so useful? – DBS Mar 01 '23 at 09:59
I needed to only flatten the type but not on the object. My purpose here is to create the type suggestion while using in the editor. – kitta Mar 01 '23 at 10:04
Yes, This exactly will be the answer with a bit of modification. Thanks a ton. – kitta Mar 02 '23 at 08:59

0 Answers0