How to loop through array of objects in angular 6?

Question

I am very new to angular and I am assigned to a task where I want to get data from an API and iterate and display it in a chart. My angular version is 6.

This is the response JSON format, It is a list of objects-

[
    {
        "counts": 0,
        "time": "00:00:00"
    },
    {
        "counts": 0,
        "time": "01:00:00"
    },
    {
        "time": "02:00:00",
        "counts": 1
    },
    {
        "counts": 7,
        "time": "03:00:00"
    }
]

To fetch that

 data : [];

this.service.getPaymentDistributionData()
    .subscribe((res) => {
      console.log(res)
    })

How can I get each count and time and print?

Thanks,

Does this answer your question? Iterate over array of objects in Typescript — Beller
– Beller, Commented Aug 31, 2021 at 9:49
If i use of it is saying like Type 'Object' is not an array type or a string type — Dasun
– Dasun, Commented Aug 31, 2021 at 10:22

tiana · Accepted Answer · 2021-08-31 10:33:54Z

2

this.service.getPaymentDistributionData()
.subscribe((res) => {
    res.forEach(x => console.log(x.count))
})

Try Something Like this For Array of Object where res = [{}, {}]

for Object where res = {}

Object.keys(res).forEach((key) => )

edited Aug 31, 2021 at 10:33

answered Aug 31, 2021 at 10:27

tiana

4141 gold badge11 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Dasun Over a year ago

Same problem i am having here like Property 'forEach' does not exist on type 'Object'.

tiana Over a year ago

okay it should work perfectly on array of object i think you should check you data again if its only Object or Array Of objects.

Dasun Over a year ago

Its array of objects

Dasun Over a year ago

Please see i have noted in the question of my return type

Dasun Over a year ago

I got your answer and i slightly modify it as res: any[], then it worked

|

user1234 · Accepted Answer · 2021-08-31 09:56:21Z

1

You can use for .. of

for (let ct of res) {
     console.log(ct.counts);
     console.log(ct.time); 
}

answered Aug 31, 2021 at 9:56

user1234

14911 bronze badges

2 Comments

Dasun Over a year ago

here I am getting an error like Type 'Object' is not an array type or a string type. What is that.

user1234 Over a year ago

Your service probably returns an Object, not an Array.

Collectives™ on Stack Overflow

How to loop through array of objects in angular 6?

2 Answers 2

6 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related