Getting into a dynamic named property inside another object in angular can be achieved by utilizing bracket notation

Question

Getting into a dynamic named property inside another object in angular can be achieved by utilizing bracket notation

I encountered an issue in my Angular 8 project where I create an object from a JSON, but there is a dynamic property whose name is unknown until runtime. This causes problems when trying to access the value of that dynamic property within another object, leading to compilation errors.

Is there a way to solve this problem?

let i = 0;
this.columns = [
      { name: 'total' },
    ];
    do {
      if (certainCondition) {
        this.column.push({ name: res.data[i].text })
      }
      this.rows.push({
        total: someNumber,
        res.data[i].text: someValue
      });
      i++;
    } while (res.data[i] != null)

angular typescript object ionic-framework runtime

Answer 1

Answer №1

To enhance performance, make sure to specify the type of variable or utilize any when working with strings. To set res.data[i].text as a key, wrap it in square brackets like this: [res.data[i].text]: value.

(response: any) => {
  let i = 0;
  this.columns = [
    { name: 'total' },
  ];
  do {
    if (certainCondition) {
      this.column.push({ name: response.data[i].text });
    }
    this.rows.push({
      total: someNumber,
      [response.data[i].text]: someValue
    });
    i++;
  } while (response.data[i] != null);
}

Answer 2

To enhance performance, make sure to specify the type of variable or utilize any when working with strings. To set res.data[i].text as a key, wrap it in square brackets like this: [res.data[i].text]: value.

(response: any) => {
  let i = 0;
  this.columns = [
    { name: 'total' },
  ];
  do {
    if (certainCondition) {
      this.column.push({ name: response.data[i].text });
    }
    this.rows.push({
      total: someNumber,
      [response.data[i].text]: someValue
    });
    i++;
  } while (response.data[i] != null);
}

Getting into a dynamic named property inside another object in angular can be achieved by utilizing bracket notation

Answer №1

Similar questions

Struggling with implementing conditional validators in Angular2 form models. I have tried using myForm.setValidators(), but it doesn't appear to be functioning as expected

Utilize Ionic for mobile development - Demonstrating the process of displaying a save prompt on Android devices

Trouble with Mui theme not being applied when inside a wrapper component

The React useEffect() hook causing an infinite re-render when trying to fetch all data regardless of

Understanding React and TypeScript Higher Order Components: How to Resolve the Type '{}' is not assignable to Type P Error

Date Polyfill with Internationalization API in Angular 4/Angular-cli is not functioning as expected

Instructions for activating the "Navigate to Declaration" feature in TypeScript for JSON files using i18next

Is there a tidier method for coding this JSX?

Strategies for eliminating nested subscriptions in the search for names

Generate a compressed file in RAM and then save it to Amazon S3

Error message displaying that the argument for the onChange state in a jhipster react form is not assignable as type '{ [x: number]: any; }'

What is the best way to remove a polygon from an agm-map?

Angular 4 Issue: Child Routing Dysfunction

Combining TypeScript into HTML resulted in an error: Uncaught ReferenceError clickbutton is not defined

Angular 2 Element Selection: Dealing with Unrendered Elements

Test for comparing objects partially using Jasmine Array

The animation functionality for Ionic Vue Router on iOS seems to be malfunctioning

"The Zorro table is filled with items of various types, although unfortunately, the Intellisense is not as accurate as it

Is it possible to customize the color of the placeholder and clear-icon in the ion-search bar without affecting

Error in TypeScript while running the command "tsd install jquery" - the identifier "document" could not be found