How to get elements from an array of Objects (JavaScript)

Question

I have the following array of objects which also contains objects, available to me seen in the console as:

Array(2)
0 {GK: {job_numbers: ["56764"]}}
1 {AK: {job_numbers: ["12345", "5678", "78909"]}, MATT: {job_numbers: ["12345"]}}

Now I want to loop through this array in such a manor that I go to each object, and then also loop the elements inside.

For example,

I want to loop the array and get GK and its job numbers, then also get AK and its job numbers as well as MATT and its job numbers.

please share expected output and code which you have tried so far — Naga Sai A
– Naga Sai A, Commented May 14, 2019 at 14:54
Possible duplicate of Javascript- Iterate over nested objects, getting values and chained keys — Kévin Bibollet
– Kévin Bibollet, Commented May 14, 2019 at 14:54
I don't think that data structure is correct, if the 'GK' or 'MATT' supposed to be names, your nested object should look something like this: {name: 'MATT', job_numbers: [...]}, otherwise you have to explicitly use property names — alexlz
– alexlz, Commented May 14, 2019 at 15:02

Kobe · Accepted Answer · 2019-05-14 15:01:03Z

1

You can display each key and value by looping over each item in the array, then over the keys in each of the items:

const arr = [{GK: {job_numbers: ["56764"]}},{AK: {job_numbers: ["12345", "5678", "78909"]}, MATT: {job_numbers: ["12345"]}}]

for(var i in arr) {
    const obj = arr[i];
    Object.keys(obj).forEach((job, index) => {
        console.log(`${job}: ${obj[job].job_numbers}`)
    })
}

answered May 14, 2019 at 15:01

Kobe

6,4681 gold badge18 silver badges38 bronze badges

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

Comments

Kamil Kiełczewski · Accepted Answer · 2019-05-14 15:12:32Z

0

try

d.flatMap(o=> Object.keys(o).map(k=> `${k}: ${o[k].job_numbers}`));

let d=[{GK: {job_numbers: ["56764"]}}, {AK: {job_numbers: ["12345", "5678", "78909"]}, MATT: {job_numbers: ["12345"]}}
]

let r = d.flatMap(o=> Object.keys(o).map(k=> `${k}: ${o[k].job_numbers}`));

console.log(r);

edited May 14, 2019 at 15:12

answered May 14, 2019 at 14:56

Kamil Kiełczewski

93.7k34 gold badges401 silver badges375 bronze badges

Collectives™ on Stack Overflow

How to get elements from an array of Objects (JavaScript)

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related