I am attempting to extract specific data from my JSON file using http. The structure of the JSON is as follows:
[{"name":"Name1","perc":33},{"name":"Name2","perc":22},{"name":"Name3","perc":41}]
To loop through this retrieved object, I use the following method:
this._postService.getParams(_url).subscribe(
data => {
this.results = data.Results
},
error => console.log(error),
() => console.log('Done')
);
The getParams() function processes data like this:
getParams(url: string) {
return this._http.get(url)
.map(res => res.json());
}
I have created an interface for the retrieved data within the same .component.ts file where the service is called:
/*Interface for Stats */
interface stats {
name: string;
percent: number;
}
My intention is to iterate through the retrieved object, store it in a local array and then display the data. How can I achieve this in my component file? I have tried various for loops but none were successful.
This attempt failed as TypeScript did not recognize the json variable:
let list: string[] = [];
json.Results.forEach(element => {
list.push(element.Id);
});
I have successfully retrieved the data, as I used console log to view the 3 objects received.