Iterate over interface properties in TypeScript

by

You can’t, interfaces are only for compile time because javascript doesn’t support it.

What you can do is something like:

const Activity = {
    id: "",
    title: "",
    body: "",
    json: {}
}

type Activity = typeof Activity;
const headers: Array<Object> = Object.keys(Activity).map(key => {
    return { text: key, value: key }
});

(code in playground)

More Related Contents:

  1. difference between variables in typescript
  2. Angular 2 Sibling Component Communication
  3. How to convert an array of objects to object with key value pairs
  4. JS : Convert Array of Strings to Array of Objects
  5. Limited parallelism with async/await in Typescript/ES7
  6. In Angular, how do you determine the active route?
  7. Typescript – Extending Error class
  8. Inject TypeORM repository into NestJS service for mock data testing
  9. What is the difference between class method vs. class field function vs. class field arrow function?
  10. Angular 4 pass data between 2 not related components
  11. Typescript: No index signature with a parameter of type ‘string’ was found on type ‘{ “A”: string; }
  12. How to import js-modules into TypeScript file?
  13. String.Format not work in TypeScript
  14. How To bind data using TypeScript Controller & Angular Js
  15. How can I preserve lexical scope in TypeScript with a callback function
  16. Error: ‘types’ can only be used in a .ts file – Visual Studio Code using @ts-check
  17. Call a function on click event in Angular 2
  18. Visual Studio Code syntax highlighting is not working for JavaScript and TypeScript
  19. Angular2 too many file requests on load
  20. Workaround for accessing class type arguments in static method in Typescript
  21. Scroll to element on click in Angular 4
  22. Typescript dynamically create interface
  23. Why I am not getting warnings about StrictNullChecks in typescript
  24. Plain Javascript as Angular 2 service
  25. TypeScript TS7015: Element implicitly has an ‘any’ type because index expression is not of type ‘number’
  26. Property ‘catch’ does not exist on type ‘Observable’
  27. binding data to angular checkbox
  28. Determine if a CSS class exists with Javascript
  29. How to prevent Next.js from instantiating a singleton class/object multiple times?
  30. Declare an array in TypeScript

Leave a Comment