ES6 get nested object in array

Question

How can i find a single object which is nested deeply in an array? This is the code which works. But [0] isnt really save when it returns null or an empty array.

this.subscription = state.subscriptionsState.subscriptions
    .map(subs => subs.subscriptions.find(sub => sub.id === subscriptionId))[0];

Is there a better / nicer way?

edit: input data:

state.subscriptionsState.subscriptions = [
    {
        "name": "name",
        "type": "type",
        "subscriptions": [{
            "id": 123456,
        }]
    }
]

@Troopers that doesn't work, then it returns the "parent" subscription. With a find instead of map i need to return a bool in the "second" find. — NinjaOnSafari
– NinjaOnSafari, Commented Mar 19, 2018 at 15:23

nicholaswmin · Accepted Answer · 2018-04-29 21:17:00Z

4

You can reduce you base Array into a 1D Array containing only the subscriptions.

From then on it's a simple .find() which returns undefined if nothing was found, or the subscription if something was found.

'use strict'

const items =[
  {
    "name": "name",
    "type": "type",
    "subscriptions": [{
      "id": 123456,
    }]
  }
]

const result = items
  .reduce((arr, item) => arr.concat(item.subscriptions), [])
  .find(sub => sub.id === 123456)

console.log(result)

This should throw no errors if the base Array is empty, or if any 1st level item subscriptions Array property is empty, it would just return undefined.

edited Apr 29, 2018 at 21:17

answered Mar 19, 2018 at 15:30

nicholaswmin

23.2k16 gold badges103 silver badges175 bronze badges

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

Comments

Brian Kung · Accepted Answer · 2018-03-19 15:36:02Z

0

You can use destructuring assignment to simplify this if you have ES6:

const { subscriptionsState: { subscriptions } } = state

this.subscription = subscriptions.find(s => s.id === subscriptionId)

answered Mar 19, 2018 at 15:36

Brian Kung

4,2774 gold badges26 silver badges31 bronze badges

Collectives™ on Stack Overflow

ES6 get nested object in array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related