Transform the JSON object into a TypeScript array

Question

Transform the JSON object into a TypeScript array

Currently working on a project that requires converting a JSON object into a TypeScript array. The structure of the JSON is as follows:

{
  "uiMessages" : {
    "ui.downtime.search.title" : "Search Message",
    "ui.user.editroles.sodviolation.entries" : "Violated SOD entries"
  },
  "userInfo" : {
    "login" : "fooUser",
    "firstName" : "Foo",
    "lastName" : "Bar",
    "language" : "en"
  },
  "appInfo" : {
    "applicationName" : "foo",
    "applicationVersion" : "6.1.0"
  }
}

The JSON represents a serialized Java object where uiMessages variable is a HashMap in Java. The goal is to parse the uiMessages into a TypeScript Array consisting of uiMessage objects.

Here's what has been achieved so far:

@Injectable()
export class BootstrapService {

  constructor(private http: Http) {}

  getBootstrapInfo() {
    return this.http.get('api/foo')
      .map(response => {
        response.json()
      })
  }
}

Looking for suggestions on the best way to accomplish this task.

javascript json typescript

Answer 1

Answer №1

Give this a try:

@Injectable()
export class BootstrapService {

    constructor(private http: Http) {}

    getBootstrapData() {
        return this.http.get('api/foo')
            .map(response => {
                var responseData = response.json();
                var output = [];
                for (let key in responseData.uiMessages) {
                    // Construct the uiMessage object here, structure unknown
                    output.push({
                        field: key,
                        message: responseData.uiMessages[key]
                    });
                }
                return output;
            });
    }
}

Answer 2

Give this a try:

@Injectable()
export class BootstrapService {

    constructor(private http: Http) {}

    getBootstrapData() {
        return this.http.get('api/foo')
            .map(response => {
                var responseData = response.json();
                var output = [];
                for (let key in responseData.uiMessages) {
                    // Construct the uiMessage object here, structure unknown
                    output.push({
                        field: key,
                        message: responseData.uiMessages[key]
                    });
                }
                return output;
            });
    }
}

Transform the JSON object into a TypeScript array

Answer №1

Similar questions

Using jQuery to alter hover color using a dynamic color picker

Show Zeroes in Front of Input Numbers

Is it possible for PHP to delay its response to an ajax request for an extended period of time?

Removing the empty option in a select element with ng-model

The ngOnChanges lifecycle hook is triggered only once upon initial rendering

Run Javascript code if a specific CSS class is present on an element

What is the best way to showcase search outcomes using ajax in a Django project?

Generating JSON document by utilizing a foreach loop

Struggling to input data into Excel using Selenium WebDriver

Vuejs v-for nested loops

How can type annotations be properly incorporated into this TypeScript code using an inline function class?

How can we use tsyringe (a dependency injection library) to resolve classes with dependencies?

Utilizing the array.map method to access the key of an object within an array of arrays in TypeScript

Unveiling the enigma of unresponsive Bootstrap dropdowns

Angular encountered an issue while attempting to access the property 'results' of an undefined value

What is the process for making local dynamoDB queries with dynamoose?

What are the steps to convert a canvas element, using an image provided by ImageService as a background, into a downloadable image?

The program successfully executes its function, however, an error message appears stating: "Error: Cannot alter headers after they have already been sent to the client."

The error message states: `discord.js TypeError: Unable to access the property 'resolve' as it is undefined`

The empty string is not getting recognized as part of an array