return object property using lodash from array

Question

I have been trying to return a property of an object by filtering it first. Here's what I did:

var characters = [   { 'name': 'barney',  'age': 36, 'blocked': false },   { 'name': 'fred',    'age': 40, 'blocked': true },   { 'name': 'pebbles', 'age': 1,  'blocked': false } ];  _.find(characters, function(chr) {      return  chr.age == 40 }); 

It returns whole object where as I want to return specific property. Can anyone guide me how can I do it?

Any help will be appreciated.

Answer 1

You could use the Lodash chaining ability. As its name implies, it enables you to chain Lodash methods calls. _.filter and _.map are appropriate here:

const characters = [    { 'name': 'barney',  'age': 36, 'blocked': false },    { 'name': 'fred',    'age': 40, 'blocked': true  },    { 'name': 'pebbles', 'age': 1,  'blocked': false },  ]    const names = _(characters)    .filter(c => c.age < 40)    .map('name')    .value()    alert(names)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.3.0/lodash.min.js"></script>

---

For the record, this is how you can do in pure JS:

const characters = [    { 'name': 'barney',  'age': 36, 'blocked': false },    { 'name': 'fred',    'age': 40, 'blocked': true  },    { 'name': 'pebbles', 'age': 1,  'blocked': false },  ]    const names = characters    .filter(c => c.age < 40)    .map(c => c.name)    alert(names)