Loop through objects of objects in js

Question

I have a data like this:

{
    "countries": {
        "US": {
            "details": {
                "code": 1,
                "population": ""
            },
            "people": [
                {
                    "name": ""
                },
                {
                    "name": ""
                }
            ]
        },
        "UK": {
            "details": {
                "code": 44,
                "population": ""
            },
            "people": [
                {
                    "name": ""
                },
                {
                    "name": ""
                }
            ]
        }
    }
}

I want to loop through it and extract people so I can loop through the people and display them on the site.

var countries = {
    "countries": {
        "US": {
            "details": {
                "code": 1,
                "population": ""
            },
            "people": [
                {
                    "name": ""
                },
                {
                    "name": ""
                }
            ]
        },
        "UK": {
            "details": {
                "code": 44,
                "population": ""
            },
            "people": [
                {
                    "name": ""
                },
                {
                    "name": ""
                }
            ]
        }
    }
}


for (let [key, value] of Object.entries(countries.countries)) {
    //console.log(value);
        for (var people in value.people) {
                    console.log(people);
        }
}

But I keep getting 0, 1, how can I get the value of people array?

You should read about for..of and for..in I'll let the references here, [for..of](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Statements/for...of) and [for..in](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Statements/for...in) — drocha87, Feb 17 '22 at 16:04

connexo · Accepted Answer · 2022-02-17T16:07:02.933

For array (and other data structures implementing the iterable interface) it's for...of, not for...in (which is for iterating over keys of an object).

var countries = {
  "countries": {
    "US": {
      "details": {
        "code": 1,
        "population": ""
      },
      "people": [{
          "name": ""
        },
        {
          "name": ""
        }
      ]
    },
    "UK": {
      "details": {
        "code": 44,
        "population": ""
      },
      "people": [{
          "name": ""
        },
        {
          "name": ""
        }
      ]
    }
  }
}


for (let [key, value] of Object.entries(countries.countries)) {
  for (let people of value.people) {
    console.log(people);
  }
}

score 0 · Answer 2 · answered Feb 17 '22 at 16:01

const obj =  {
    "countries": {
        "US": {
            "details": {
                "code": 1,
                "population": ""
            },
            "people": [
                {
                    "name": ""
                },
                {
                    "name": ""
                }
            ]
        },
        "UK": {
            "details": {
                "code": 44,
                "population": ""
            },
            "people": [
                {
                    "name": ""
                },
                {
                    "name": ""
                }
            ]
        }
    }
}
for (let key in obj.countries) {
    console.log(obj.countries[key].people);
}

Loop through objects of objects in js

2 Answers2