I want to collect all the particular object from nested object array object

Question

I want to collect all the object of a particular category from the nested array-object data in to one single array

let categoriesxy= [
        {
            catid: 'category-1',
            product: [
                {
                    id : 1,
                    name: 'sparrow'
                },
                {
                    id : 2,
                    name: 'parrot',
                }
            ]

        },
        {
            catid: 'category-2',
            product: [
                {
                    id : 1,
                    name: 'elephant',
                },
                {
                    id : 2,
                    name: 'horse',
                },
                {
                    id : 3,
                    name: 'lion',
                },
                {
                    id : 4,
                    name: 'tiger',
                }
            ]
        },
    ];

i want to store data inside product in to one array like xys = [ { id , name }, { id , name }... so on ] so i can call it like xyz.id, xyz.name etc

You can loop it through using map or forEach. and push into another array. — Sonu Bamniya
– Sonu Bamniya, Commented Sep 13, 2022 at 13:22
Please share what you have tried so far as a text-based minimal reproducible example — evolutionxbox
– evolutionxbox, Commented Sep 13, 2022 at 13:22

Reifocs · Accepted Answer · 2022-09-13 13:37:32Z

3

using flatmap

let categoriesxy= [
    {
        catid: 'category-1',
        product: [
            {
                id : 1,
                name: 'sparrow'
            },
            {
                id : 2,
                name: 'parrot',
            }
        ]

    },
    {
        catid: 'category-2',
        product: [
            {
                id : 1,
                name: 'elephant',
            },
            {
                id : 2,
                name: 'horse',
            },
            {
                id : 3,
                name: 'lion',
            },
            {
                id : 4,
                name: 'tiger',
            }
        ]
    },
];

let ans = categoriesxy.flatMap(({product}) => [...product])
console.log({ans})

edited Sep 13, 2022 at 13:37

answered Sep 13, 2022 at 13:23

Reifocs

7665 silver badges20 bronze badges

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

1 Comment

Ahmad MRF Over a year ago

this answer is more efficient than use map and flat separately. and in your answer you don't need to use spread operator in flatMap

Ahmad MRF · Accepted Answer · 2022-09-13 13:33:36Z

you can can using map and flat methods

let categoriesxy= [
        {
            catid: 'category-1',
            product: [
                {
                    id : 1,
                    name: 'sparrow'
                },
                {
                    id : 2,
                    name: 'parrot',
                }
            ]

        },
        {
            catid: 'category-2',
            product: [
                {
                    id : 1,
                    name: 'elephant',
                },
                {
                    id : 2,
                    name: 'horse',
                },
                {
                    id : 3,
                    name: 'lion',
                },
                {
                    id : 4,
                    name: 'tiger',
                }
            ]
        },
    ];
    
    let products = categoriesxy.map((item)=> item.product).flat()
    console.log(products)

Gabriel Brito · Accepted Answer · 2022-09-13 13:49:09Z

1

If you wish to also keep the category for each product you can do it like:

const categoriesxy = [ /* your list */ ]

const products = []
categoriesxy.forEach((category) => {
  category.product.forEach((product) => {
    products.push({ ...product, catid: category.catid })
  }
})

edited Sep 13, 2022 at 13:49

answered Sep 13, 2022 at 13:26

Gabriel Brito

1,2162 gold badges19 silver badges29 bronze badges

3 Comments

Krish Varma Over a year ago

ur ans is correct but u have made typo error plz edit it

asma Over a year ago

I see more optimized and shorter answers below, its the boring answer that got verified

Gabriel Brito Over a year ago

@asma seems like he also wanted the catid to be present. Otherwise map + flat is a better option

Collectives™ on Stack Overflow

I want to collect all the particular object from nested object array object

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related