Handling json objects in angular 6

Question

I am getting a json object just like below

 response = [
{
  'a': [
    {
      'b': [
        {
          'c': [
            {
              'name': 'abc',
              'value': 900
            }
          ]
        }
      ]
    }
  ]
},
{
  'a': [
    {
      'b': [
        {
          'c': [
            {
              'name': 'abc',
              'amount': 900
            }
          ]
        }
      ]
    }
  ]
}
];

now I am looping over the object using the code below

this.response.forEach(
    (event) => {
      event.a.forEach(
          () => {

          }
      );
    }
)

and while compiling it I am getting an error message

error TS2349: Cannot invoke an expression whose type lacks a call signature. Type '((callbackfn: (value: { 'b': { 'c': { 'name': string; 'value': number; }[]; }[]; }, index: number...' has no compatible call signatures.

Any fix for the above error?. Thanks in advance

Maybe because you're using a parameterless lambda () => { ... } in the inner forEach. Using (b) => { ... } might solve the problem. — Maximilian Riegler
– Maximilian Riegler, Commented Sep 25, 2018 at 12:37

Dilushika Weerawardhana · Accepted Answer · 2018-09-25 13:16:47Z

3

This is the way to access c.name and the c.amount

response.forEach(element => {
      element['a'].forEach(a => {
           a['b'].forEach(b => {
               b['c'].forEach(c => {
                     console.log(c.name);
                     console.log(c.amount);
               });
            });
      });
 });

JSFiddle => https://jsfiddle.net/jpwga2du/

answered Sep 25, 2018 at 13:16

Dilushika Weerawardhana

1,6211 gold badge15 silver badges16 bronze badges

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

Comments

Ali Shahbaz · Accepted Answer · 2018-09-25 12:55:21Z

1

this.response.forEach((el1: any) => {
  el1.a.forEach((el2: any) => {
    el2.b.forEach((el3: any) => {
      el3.c.forEach(el4 => {
        console.log(el4)
      });
    });
  });
});

answered Sep 25, 2018 at 12:55

Ali Shahbaz

8451 gold badge7 silver badges19 bronze badges

Collectives™ on Stack Overflow

Handling json objects in angular 6

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related