lodash: get an object value from an object array

Question

I have an object array like the following. Each object in the array has an instructors field which is also an array. How can I get all email fields from this object array via lodash?

Do I need to use a double _.map function? I can run a foreach in the object and then another foreach in the instructors but I don't think that's very elegant. I can't wrap my head around getting values from object arrays that contain other array fields. Any help would be greatly appreciated.

[
{
    'title': 'New Class',
    'instructors': [
        {
            'email': '[email protected]'
        },
        {
            'email': '[email protected]'
        }    
    ]
},
{
    'title': 'New Class 2',
    'instructors': [
        {
            'email': '[email protected]'
        },
        {
            'email': '[email protected]'
        }    
    ]
}

];

Felix Kling · Accepted Answer · 2016-03-29 16:00:56Z

4

Do I need to use a double _.map function?

That's one solution. You believe you are looking for flatMap:

var classes = [{
  'title': 'New Class',
  'instructors': [{
    'email': '[email protected]'
  }, {
    'email': '[email protected]'
  }]
}, {
  'title': 'New Class 2',
  'instructors': [{
    'email': '[email protected]'
  }, {
    'email': '[email protected]'
  }]
}];

var emails = _.flatMap(classes, function(cls) {
  return _.map(cls.instructors, 'email');
});

document.querySelector('#out').innerHTML = JSON.stringify(emails, null, 4);

<script src="https://cdn.jsdelivr.net/lodash/4.6.1/lodash.min.js"></script>
<pre id="out"></pre>

answered Mar 29, 2016 at 16:00

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

Comments

Andy · Accepted Answer · 2016-03-29 16:06:54Z

3

So you know, the vanilla method is quite short too:

var out = arr.reduce(function (p, c) {
  return p.concat(c.instructors.map(function (instructor) {
    return instructor.email;
  }));
}, []);

answered Mar 29, 2016 at 16:06

Andy

63.6k13 gold badges72 silver badges99 bronze badges

2 Comments

dekajoo Over a year ago

Nice solution, we over-use lodash way to often without thinking native, compatible until IE9

Andy Over a year ago

@deKajoo, I think you meant "from IE9" :)

dekajoo · Accepted Answer · 2016-03-29 16:24:35Z

0

This should work :

var allEmails = [];

_.each(myArray, function(obj) {
  _.each(obj.instructors, function(instructor) {
    allEmails.push(instructor.email);
  }, this);
}, this);

return allEmails;

https://jsfiddle.net/k4uahqkk/1/

A more elegant solution using _.reduce and _.map would be :

_.reduce(myArray, function(result, value, key) {
    return result.concat(_.map(value.instructors, 'email'));
}, []);

https://jsfiddle.net/z1tg4tro/4/

edit: _.pluck since v4.x is deprecated, use _.map instead.

edited Mar 29, 2016 at 16:24

answered Mar 29, 2016 at 15:56

dekajoo

2,1221 gold badge26 silver badges36 bronze badges

Collectives™ on Stack Overflow

lodash: get an object value from an object array

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related