Ways to RESOLVE implicit any for accessing array property

Question

Ways to RESOLVE implicit any for accessing array property

Check out the code snippet below:

function getUsername(): string {
    return 'john_doe';
}

function sampleFunction(): void {
    const data = {};
    const username: string = getUsername();
    const age: any = 30;

    data[username] = age; // ERROR: TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{}'.
}

The error is visible because noImplicitAny is turned on for better code quality. What is a cleaner way to set this property in this context?

typescript tsconfig

Answer 1

Answer №1

To create a Record data type, follow these steps:

function generateKey(): string {
    return 'bar';
}

function placeholder(): void {
    const item: Record<string, any> = {}; // This is where you can specify the type of data, like string or number.
    const uniqueKey: string = generateKey();
    const dataValue: any = 42;

    item[uniqueKey] = dataValue; // No errors will be thrown
}

Answer 2

To create a Record data type, follow these steps:

function generateKey(): string {
    return 'bar';
}

function placeholder(): void {
    const item: Record<string, any> = {}; // This is where you can specify the type of data, like string or number.
    const uniqueKey: string = generateKey();
    const dataValue: any = 42;

    item[uniqueKey] = dataValue; // No errors will be thrown
}

Ways to RESOLVE implicit any for accessing array property

Answer №1

Similar questions

The SideNav SpyOn feature failed to locate the specified method

Has the antd Form.create() method been substituted with something else?

Choose all the checkboxes that use Knockout JS

Stringified HTML code showcased

The output from the second request using RxJS

I am having trouble getting Angular 6 to work with lowdb

NestJS does not recognize TypeORM .env configuration in production build

The error message indicated that a Promise<string> was expected, but instead a Promise<string|number> was received

What is the process for retrieving information from Sanity?

Obtaining a customized variation of a class identified by a decorator

Is it necessary to include a package.json file in the /src directory when creating a package?

Issues encountered when integrating ag-grid-react with typescript

Requesting for a template literal in TypeScript:

Developing a custom camera system for a top-down RPG game using Javascript Canvas

Tips on how to increase and update the index value by 2 within an ngFor loop while maintaining a fixed format

Error: The AppModule is missing a provider for the Function in the RouterModule, causing a NullInjectorError

Using `querySelector` in TypeScript with Vue 3

Can you provide guidance on how to pass props to a component through a prop in React when using TypeScript?

Typescript throwing error TS2307 when attempting to deploy a NodeJS app on Heroku platform

Navigating through a React application with several workspaces - the ultimate guide