Navigating through unidentified object in Typescript

Question

Navigating through unidentified object in Typescript

I'm working with an object that has an unknown format, specifically a users' CSV file. My task is to iterate through the keys to identify certain keys, such as phone numbers referenced as phoneNumbers1, phoneNumbers2, and so on in the .csv file.

How can I eliminate the //@ts-ignore without facing any backlash? :)

        const phoneNumbers = Object.keys(data)
          //@ts-ignore
          .filter((key) => key.includes("phoneNumbers") && !!data[p])
          //@ts-ignore
          .map((p) => ({ number: data[p], type: PHONE_TYPES.OFFICE }));

While attempting to access the information using data[p], I encounter the following error:

Element implicitly has an 'any' type because 
expression of type 'string' can't be used to index type 'object'.

PS: data is of type object. At this point, I only know it is indeed an object (parse was successful), but the contents are still unknown.

I am aware that I could resort to using any or other workarounds, but I am seeking a more elegant solution.

typescript

Answer 1

Answer №1

object doesn't fit the bill here. The object type basically represents an empty object like {}, which doesn't allow for access to keys that are non-existent.

It might be more appropriate to use a type such as Record<string, unknown>. This type of object allows access to any string key and returns an unknown type.

If dealing with CSV data, you could also consider using Record<string, string> if all values are known to be strings.

With these adjustments, your code should compile error-free:

const data: Record<string, unknown> = { whoKnows: 'foo' }

const phoneNumbers = Object.keys(data)
  .filter((key) => key.includes("phoneNumbers") && !!data[key])
  .map((p) => ({ number: data[p] }));

Take a look at the playground

Answer 2

object doesn't fit the bill here. The object type basically represents an empty object like {}, which doesn't allow for access to keys that are non-existent.

It might be more appropriate to use a type such as Record<string, unknown>. This type of object allows access to any string key and returns an unknown type.

If dealing with CSV data, you could also consider using Record<string, string> if all values are known to be strings.

With these adjustments, your code should compile error-free:

const data: Record<string, unknown> = { whoKnows: 'foo' }

const phoneNumbers = Object.keys(data)
  .filter((key) => key.includes("phoneNumbers") && !!data[key])
  .map((p) => ({ number: data[p] }));

Take a look at the playground

Navigating through unidentified object in Typescript

Answer №1

Similar questions

The only numbers that can be typed using Typescript are odd numbers

The ValidationPipe does not function properly when utilizing app.useGlobalPipes

Using Angular 6 to Share Data Among Components through Services

Leveraging interfaces with the logical OR operator

Despite passing the same dependency to other services, the dependencies in the constructor of an Angular2 Service are still undefined

Deleting the last item from an array in Typescript

Filter a data array using a two-dimensional filter array that may change dynamically

Incorporate a typescript library into your Angular application

Updating tooltip text for checkbox dynamically in Angular 6

"Error: The property $notify is not found in the type" - Unable to utilize an npm package in Vue application

Dealing with Cross-Origin Resource Sharing problem in a React, TypeScript, Vite application with my .NET backend

Issues with implementing the link component in next.js

The value of type 'number' cannot be assigned to type 'string | undefined'

Ways to enhance TypeScript definitions for Node.js modules

What is the process for obtaining an AccessToken from LinkedIn's API for Access Token retrieval?

What causes the distinction between entities when accessing objects through TestingModule.get() and EntityManager in NestJS?

When the variable type is an interface, should generics be included in the implementation of the constructor?

Move after a specified amount of time

Enabling a mat-slide-toggle to be automatically set to true using formControl

What is the method for reaching a service in a different feature module?