How do I prevent the error “Index signature of object type implicitly has an ‘any’ type” when compiling typescript with noImplicitAny flag enabled?

by

Adding an index signature will let TypeScript know what the type should be.

In your case that would be [key: string]: string;

interface ISomeObject {
    firstKey:      string;
    secondKey:     string;
    thirdKey:      string;
    [key: string]: string;
}

However, this also enforces all of the property types to match the index signature. Since all of the properties are a string it works.

While index signatures are a powerful way to describe the array and ‘dictionary’ pattern, they also enforce that all properties match their return type.

Edit:

If the types don’t match, a union type can be used [key: string]: string|IOtherObject;

With union types, it’s better if you let TypeScript infer the type instead of defining it.

// Type of `secondValue` is `string|IOtherObject`
let secondValue = someObject[key];
// Type of `foo` is `string`
let foo = secondValue + '';

Although that can get a little messy if you have a lot of different types in the index signatures. The alternative to that is to use any in the signature. [key: string]: any; Then you would need to cast the types like you did above.

More Related Contents:

  1. In Typescript, what is the ! (exclamation mark / bang) operator when dereferencing a member?
  2. Exclude property from type
  3. How to use paths in tsconfig.json?
  4. Is it possible to restrict TypeScript object to contain only properties defined by its class?
  5. Extending component decorator with base class decorator
  6. TypeScript union of string and string literals
  7. Are strongly-typed functions as parameters possible in TypeScript?
  8. What does the `is` keyword do in typescript?
  9. TypeScript – use correct version of setTimeout (node vs window)
  10. Is there a way to “extract” the type of TypeScript interface property?
  11. Using latest JavaScript features in TypeScript, such as ES2018
  12. How to define an opaque type in TypeScript?
  13. Why can’t TypeScript infer type from filtered arrays?
  14. Mapping tuple-typed value to different tuple-typed value without casts
  15. TypeScript function return type based on input parameter
  16. NPM package cannot be used as a JSX Component – Type errors
  17. ‘tsc command not found’ in compiling typescript
  18. Declare a type that allows all parts of all levels of another type
  19. Initializers are not allowed in ambient contexts error when installing Blueprint
  20. extend and only specify known properties?
  21. Private “functions” in TypeScript
  22. RxJs get value from observable
  23. Implicitly create a tuple in Typescript
  24. How to update TypeScript to latest version with npm?
  25. What is a TypeScript Map file?
  26. Typescript: Spread types may only be created from object types
  27. Typescript and filter Boolean
  28. Angular2 – root relative imports
  29. Why TypeScript lets me add a string and a number? Can I prevent it?
  30. A way to mark arbitrary strings in Typescript Template Literals

Leave a Comment