Mapping in map in json response

Question

I need to parse json api response, with response.data equals:

[
    {
      "name": "Programming",
      "subcategories": [
        {"name": "web-development"},
        {"name": "backend-development"},
        {"name": "data-scince"}
      ]
    },{
      "name": "Design",
      "subcategories": [
        {"name": "Graphic-design"},
        {"name": "Motion-design"},
        {"name": "3D modeling"}
  ]

and I need to return one array[String] with all subcategories, ex ["web-development", "backend-development" ... "3D modeling"]

All that I did is:

let subs = categories.data.map(function(category) {
                    return category.subcategories.map(function(subcategory) {
                        return subcategory.name
                    })
                    })

and it returns Array of arrays with categories. Im sure, that there near a better and easier way. Thanks!

Is response the same thing as categories? NB: the fact that this array comes from an API response seams irrelevant to your question. — trincot
– trincot, Commented Apr 10, 2021 at 19:06

Shubham Dixit · Accepted Answer · 2021-04-10 19:08:13Z

2

let data = [{
  "name": "Programming",
  "subcategories": [{
      "name": "web-development"
    },
    {
      "name": "backend-development"
    },
    {
      "name": "data-scince"
    }
  ]
}, {
  "name": "Design",
  "subcategories": [{
      "name": "Graphic-design"
    },
    {
      "name": "Motion-design"
    },
    {
      "name": "3D modeling"
    }
  ]
}]

let subs = data.flatMap(function(category) {
  return category.subcategories.map(function(subcategory) {
    return subcategory.name
  })
})

console.log(subs)

Try using Array flatMap

answered Apr 10, 2021 at 19:08

Shubham Dixit

9,2685 gold badges32 silver badges50 bronze badges

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

Comments

trincot · Accepted Answer · 2021-04-10 19:08:05Z

2

You can get a flat array by replacing:

categories.data.map

with

categories.data.flatMap

answered Apr 10, 2021 at 19:08

trincot

357k38 gold badges282 silver badges338 bronze badges

Collectives™ on Stack Overflow

Mapping in map in json response

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related