The creation of a parameterized function that doubles as an object property

Question

The creation of a parameterized function that doubles as an object property

interface item {
  first: string;
  last: string;
}

const itemList = Item[];

updateAttribute = (index, attributeToUpdate) => {
  itemList[index].attributeToUpdate = "New first/last"
}

The snippet above showcases an interface named item with properties first and last. There is also an array called itemList, specifically containing objects of type item.

An attempt was made to create a function that takes an index from the array and a string called attributeToUpdate, which could be either first or last.

However, this implementation led to a TypeScript error stating 'Property 'attributeToUpdate' does not exist on type 'item'.' What would be the best approach to tackle this issue?

javascript typescript

Answer 1

Answer №1

To change the attribute value for a specific index in the array, you can use the following code:

arr[index][attributeToChange] = "New first/last"

Make sure to declare the type annotation on the left-hand side like this:

const arr: item[] = [];

Update: If you received an error message from the TypeScript compiler stating

[ts] Element implicitly has an 'any' type because type 'item' has no index signature.

, you will need to define an index signature in the interface. By specifying the key types and value types within the item interface, it will eliminate any warnings about implicit types.

interface item {
  [key: string]: string;
  first: string;
  last: string;
}

Answer 2

To change the attribute value for a specific index in the array, you can use the following code:

arr[index][attributeToChange] = "New first/last"

Make sure to declare the type annotation on the left-hand side like this:

const arr: item[] = [];

Update: If you received an error message from the TypeScript compiler stating

[ts] Element implicitly has an 'any' type because type 'item' has no index signature.

, you will need to define an index signature in the interface. By specifying the key types and value types within the item interface, it will eliminate any warnings about implicit types.

interface item {
  [key: string]: string;
  first: string;
  last: string;
}

The creation of a parameterized function that doubles as an object property

Answer №1

Similar questions

Issues with Skrollr JS on mobile device causing scrolling problem

Issue: unable to establish a connection to 127.0.0.1:465 to send an email

Nested promises utilized within functional programming techniques

Improving the efficiency of AES decryption in Node.js

Tips for avoiding an endless loop in my React code while utilizing setState within useEffect

Limited achievements seen with AJAX. Occasionally, either no data is retrieved or an error is encountered

Is AGM-Map capable of providing all the same features as the Google Maps API?

The property X within the ClassB type cannot be assigned to the identical property within the parent type ClassA

What is the process for adding an image to a scene using menu options?

What could be causing the Material UI tabs to malfunction when dynamically populating the content using a .map function instead of manually inserting it?

Error: The value of _This.props is not defined

Having trouble importing Angular flex-layout into my feature module

I want to create a feature in Angular where a specific header becomes sticky based on the user's scroll position on the

Transform a string (variable) into an object using JSON.parse, encountering an unexpected token error

Making changes to HTML on a webpage using jQuery's AJAX with synchronous requests

Invoke Javascript through CSS selector

Challenges with Cross-Origin Resource Sharing (CORS) when accessing Uber API OAuth

Switching from AngularJS to vanilla JavaScript or integrating AngularJS and Flask on a single server

Creating a 24-hour bar chart using Flot Javascript, showcasing data points at each hour mark

If I type too quickly in the input field, it ends up displaying the incorrect div