Fetch inner object array from object array - javascript

Question

I have a nested object array like below,

data = [
  {
    "field": "A",
    "items": [
      {
        "Id": 001,
        "ItemDescription": "item 1"
      }
    ]
  },
  {
    "field": "A",
    "items": [
      {
        "Id": 002,
        "ItemDescription": "item 2"
      },
      {
        "Id": 003,
        "ItemDescription": "item 3"
      },
      {
        "Id": 004,
        "ItemDescription": "item 4"
      }
    ]
  }
]

I am trying to fetch only the inner object array from the object array.

I have tried different ways to fetch the inner object array from object array,

data.map((u,i) => u[i].map((a,b)=> a.items))

expected result:

data = [
      {
        "Id": 001,
        "ItemDescription": "item 1"
      },
      {
        "Id": 002,
        "ItemDescription": "item 2"
      },
      {
        "Id": 003,
        "ItemDescription": "item 3"
      },
      {
        "Id": 004,
        "ItemDescription": "item 4"
    
      }
    ]

Rajdeep D · Accepted Answer · 2021-06-04 13:47:51Z

3

You can use map and flat

let data = [
  {
    "field": "A",
    "items": [
      {
        "Id": 001,
        "ItemDescription": "item 1"
      }
    ]
  },
  {
    "field": "A",
    "items": [
      {
        "Id": 002,
        "ItemDescription": "item 2"
      },
      {
        "Id": 003,
        "ItemDescription": "item 3"
      },
      {
        "Id": 004,
        "ItemDescription": "item 4"
      }
    ]
  }
]

let result = data.map(d => d.items).flat();

console.log(result);

Output

edited Jun 4, 2021 at 13:47

answered Jun 4, 2021 at 11:37

Rajdeep D

3,9201 gold badge12 silver badges18 bronze badges

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

11 Comments

sison kk Over a year ago

Negative. Not matching my expected result. above code resulting me below json array.

[   [     {       "Id": 001,       "ItemDescription": "eeeee"     }   ],   [     {       "Id": 002,       "ItemDescription": "23434"     },     {       "Id": 003,       "ItemDescription": "12342"     },     {       "Id": 004,       "ItemDescription": "type B"     }   ] ]

Rajdeep D Over a year ago

It should work. Please check the codepen output in console. codepen.io/debraj1983/pen/YzZadRr?editors=0010

sison kk Over a year ago

expected result is already mentioned in the question itself. I need the items 001 to 004 in a single array object.

ikhvjs Over a year ago

meta.stackoverflow.com/a/356679/14032355 , you can just leave your js code in the code snippet

Rajdeep D Over a year ago

@ikhvjs This is amazing. Thank you.

|

M.Hassan Nasir · Accepted Answer · 2021-06-04 11:39:02Z

1

Just use a single .map to get the values in the items array

let newArr = data.map((u,i) => u.items)
console.log(newArr)

and to return all the values in one single array use .flat

console.log(newArr.flat())

answered Jun 4, 2021 at 11:39

M.Hassan Nasir

8615 silver badges14 bronze badges

Collectives™ on Stack Overflow

Fetch inner object array from object array - javascript

2 Answers 2

11 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related