Iterating over nested JSON string in typescript

Question

I have a test nested JSON string.

const testString = `{
  "object1": {
    "5": [
      {
        "id": "A2OKPZ5S9F78PD",
        "rate": "2",
        "item": "item",
        "status": "status"
      }
    ]
  },
  "type": "LIVE_EVENT"
}`;

const model = JSON.parse(testString);
Object.values(model.object1).forEach((obj) =>
  obj.foreach((innerObj) => console.log(innerObj))
);

As you can see above I am trying to parse this as JSON and iterate over. The problem which I am facing during JSON.parse the inner object assumes the type undefined and foreach can not be applied on it. Can some one please help ?

Tried changing to this Object.values(model.object1).forEach(obj => (obj || []).foreach(innerObj => console.log(innerObj))); Still did not work — Dark Shadows
– Dark Shadows, Commented May 5, 2020 at 4:58
Still does now work. Tried this. Object.values(model.object1).forEach(obj => (obj || []).forEach(innerObj => console.log(innerObj))); — Dark Shadows
– Dark Shadows, Commented May 5, 2020 at 5:01
model.object1 is indeed an object, so you need to iterate its properties stackoverflow.com/questions/684672/… — diedu
– diedu, Commented May 5, 2020 at 5:01

Luís Ramalho · Accepted Answer · 2020-05-05 05:18:25Z

1

Your JSON is was invalid (before an edit) due to an extra comma after the status key/value pair and forEach() has an uppercase E. Also, as discussed in the comments below it seems you need to cast the inner obj to be of a type that understands forEach():

const testString = `{"object1":{"5":[{"id":"A2OKPZ5S9F78PD","rate":"2","item":"item","status":"status"}]},"type":"LIVE_EVENT"}`;
const model = JSON.parse(testString);
Object.values(model.object1).forEach((obj) =>
  (obj as any).forEach((innerObj) => console.log(innerObj))
);

edited May 5, 2020 at 5:18

answered May 5, 2020 at 5:04

Luís Ramalho

10.2k4 gold badges54 silver badges69 bronze badges

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

10 Comments

Dark Shadows Over a year ago

I am running the same code you pasted here on typescript. It says forEach can not be applied over undefined.

Luís Ramalho Over a year ago

Check if your JSON.parse(testString) is actually parsing the json, i.e., log the model variable.

Chetan Kumar Over a year ago

@DarkShadows Can you share SS of that?

Luís Ramalho Over a year ago

Make sure that when you run the code above, you're actually having exactly the same testString as I do, because when I run locally it works.

Dark Shadows Over a year ago

@LuísRamalho Yes (obj as any) worked. Thank you very much. Can you update your answer so that I can mark as accepted.

|

Collectives™ on Stack Overflow

Iterating over nested JSON string in typescript

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related