Is there a way to “extract” the type of TypeScript interface property?

Question

Let\'s suppose there\'s a typing file for library X which includes some interfaces.

interface I1 {
    x: any;
}

interface I2 {
    y: {
        a: I1,
             


        

Answer 1

It wasn't possible before but luckily it is now, since TypeScript version 2.1. It has been released on the 7th of December 2016 and it introduces indexed access types also called lookup types.

The syntax looks exactly like element access but written in place of types. So in your case:

interface I1 {
    x: any;
}

interface I2 {
    y: {
        a: I1,
        b: I1,
        c: I1
    }
    z: any
}

let myVar: I2['y'];  // indexed access type

Now myVar has type of I2.y.

Check it out in TypeScript Playground.