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

by

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.

More Related Contents:

  1. Typescript return type depending on parameter
  2. Is there a `valueof` similar to `keyof` in TypeScript?
  3. Generic type to get enum keys as union string in typescript?
  4. How do I dynamically assign properties to an object in TypeScript?
  5. Create a new object from type parameter in generic class
  6. Is it possible to restrict TypeScript object to contain only properties defined by its class?
  7. What is the Record type in typescript?
  8. Is there a way to check for both `null` and `undefined`?
  9. Extending component decorator with base class decorator
  10. Are strongly-typed functions as parameters possible in TypeScript?
  11. What does the `is` keyword do in typescript?
  12. How to avoid imports with very long relative paths in Angular 2?
  13. TypeScript – use correct version of setTimeout (node vs window)
  14. typescript template literal as interface key
  15. How to undestand relations between types any, unknown, {} and between them and other types?
  16. TypeScript error TS1005: ‘;’ expected (II)
  17. Difference between extending and intersecting interfaces in TypeScript?
  18. How to do runtime type casting in TypeScript?
  19. How can moment.js be imported with typescript?
  20. Extend interface defined in .d.ts file
  21. Circular Type References in TypeScript
  22. Accessing properties in union types
  23. How can I remove a wider type from a union type without removing its subtypes in TypeScript?
  24. Generating typescript declaration files from javascript
  25. How to get a variable type in Typescript?
  26. TypeScript export imported interface
  27. How to create an Observable from static data similar to http one in Angular?
  28. Setting up tsconfig with spec/test folder
  29. How to pass an instance variable into typescript decorator arguments?
  30. Can I force the TypeScript compiler to use nominal typing?

Leave a Comment