Getting a JSON and adding it to an array - json

Question

I have following JSON file:
{
"fruites": [
{"id" :"f1", "name": "apple", "selected": "false"},
{"id": "f2" , "name":"orange", "selected": "false"}
]
}
Here is my JSON interface:
export interface FruitsType {
id: String;
name: String;
selected : String;
}
Not sure if this is a correct an interface.
I WANT TO USE THE NAME OF THE FRUITES AS VALUE FOR A CHECKBOX
To read this JSON I have following service:
getJSON (): Observable<JSON> {
return this.http.get<JSON>((this.configUrl))
}
}
In my component I have follwowing code to read the get the JSON file:
this.jsonService.getJSON().subscribe(response => {
console.log(response.fruites);
console.log(response.fruites[1].name);
console.log(response.fruites.length);
for (this.i = 0; this.i < response.fruites.length; this.i++) {
console.log("id" + response.fruites[this.i ].id);
console.log("name" + response.fruites[this.i].name);
console.log("selected" + response.fruites[this.i].selected);
}
})
in the browser I can see that it works, while in the consule where i am running the ng serve I see the following error:
src/app/componenets/home/home.component.ts(221,41): error TS2339: Property 'fruites' does not exist on type 'JSON'.
The other thing is that I cannot push this to an array, I use the follwoing code:
this.jsonArray.push(response.fruites[this.i].name )
AND
this.jsonArray.push(response.fruites)
AND
this.jsonArray.push(response)
All returs eithr undefined or nothing at all!
Please consult me on these.

Answer 1

I believe the payload you are getting can be easily done as:
this.jsonService.getJSON().subscribe(response => {
for(const i of response.fruites) { // Iterate over the list
console.log('Data set coming as - ', i);
console.log('ID - ', i.id);
console.log('Name - ', i.name);
console.log('Selected - ', i.selected);
}
array=[]; var item;
response.fruites.map((item) =>{ array.push(item.name)});
console.log('Array with name', array);`

Answer 2

Try it
response.json().fruites
or
response.data.fruites

Answer 3

in this post , I have posted the full answer of how I got everything done which also relates to this question I have asked.