How to use lodash to find and return an object from Array?

Question

My objects:

[
    {
        description: 'object1', id: 1
    },
    {
        description: 'object2', id: 2
    }
    {
        description: 'object3', id: 3
    }
    {
        description: 'object4', id: 4
    }
]

In my function below I'm passing in the description to find the matching ID:

function pluckSavedView(action, view) {
    console.log('action: ', action);
    console.log('pluckSavedView: ', view);  // view = 'object1'

    var savedViews = retrieveSavedViews();
    console.log('savedViews: ', savedViews);

    if (action === 'delete') {
        var delete_id = _.result(_.find(savedViews, function(description) {
            return description === view;
        }), 'id');

        console.log('delete_id: ', delete_id); // should be '1', but is undefined
    }
}

I'm trying to use lodash's find method: https://lodash.com/docs#find

However my variable delete_id is coming out undefined.

Update for people checking this question out, Ramda is a nice library to do the same thing lodash does, but in a more functional programming way :) http://ramdajs.com/0.21.0/docs/

Thanks for sharing about Ramada. I am just a newbie in the topic of functional programming. Could you elaborate a bit more about why it is more functional programming than lodash.?Thanks. — Uvuvwevwevwe
– Uvuvwevwevwe, Commented Jan 26, 2023 at 7:47

danday74 · Accepted Answer · 2017-04-19 09:46:58Z

237

lodash and ES5

var song = _.find(songs, {id:id});

lodash and ES6

let song = _.find(songs, {id});

docs at https://lodash.com/docs#find

edited Apr 19, 2017 at 9:46

answered Jul 26, 2016 at 4:48

danday74

58k56 gold badges273 silver badges337 bronze badges

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

1 Comment

Donniewiko Over a year ago

When passing a variable in the find method, make sure to name the variable the same as the property name. In my case, i was looking for a country in my countryList. The country object has the properties code and name. When i did const countryName = "Netherlands"; let country = _.find(countryList, {countryName}); undefined was returned. When i used const name = "Netherlands"; let country = _.find(countryList, {name}); the correct object was returned.

Felix Kling · Accepted Answer · 2018-07-25 14:25:47Z

191

The argument passed to the callback is one of the elements of the array. The elements of your array are objects of the form {description: ..., id: ...}.

var delete_id = _.result(_.find(savedViews, function(obj) {
    return obj.description === view;
}), 'id');

Yet another alternative from the docs you linked to (lodash v3):

_.find(savedViews, 'description', view);

Lodash v4:

_.find(savedViews, ['description', view]);

edited Jul 25, 2018 at 14:25

answered Jun 25, 2015 at 15:04

Felix Kling

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

3 Comments

Leon Gaban Over a year ago

Thanks! I just found out that this works too var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id'); Also 10 more mins...

franksands Over a year ago

The second solution is wrong, the predicate must be an array to use matchesProperty shorthand: it should be _.find(savedViews, ['description', view])

Felix Kling Over a year ago

@FranciscoGuimaraes: Well, back in 2015, that's how lodash worked: lodash.com/docs/3.10.1#find

Andy · Accepted Answer · 2021-10-12 16:00:47Z

43

You can do this easily in vanilla JS:

Using find:

const savedViews = [{"description":"object1","id":1},{"description":"object2","id":2},{"description":"object3","id":3},{"description":"object4","id":4}];

const view = 'object2';

const delete_id = savedViews.find(obj => {
  return obj.description === view;
}).id;

console.log(delete_id);

Using filter (original answer):

const savedViews = [{"description":"object1","id":1},{"description":"object2","id":2},{"description":"object3","id":3},{"description":"object4","id":4}];

const view = 'object2';

const delete_id = savedViews.filter(function (el) {
  return el.description === view;
})[0].id;

console.log(delete_id);

edited Oct 12, 2021 at 16:00

answered Jun 25, 2015 at 15:07

Andy

63.6k13 gold badges72 silver badges99 bronze badges

3 Comments

Leon Gaban Over a year ago

True, but lodash seems so much cleaner, I don't have to use [0] this is the solution I'm going with var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id'); Thanks for the demo tho +1

kiradotee Over a year ago

Isn't it going to fail when you force [0] out an empty result? So +1 to @LeonGaban that Lodash should handle that by default.

Ram Babu Over a year ago

@LeonGaban still you can use cleaner without lodash without [0] using ES6 savedViews.find(el => el.description === view)

Dancrumb · Accepted Answer · 2015-06-25 15:05:52Z

15

With the find method, your callback is going to be passed the value of each element, like:

{
    description: 'object1', id: 1
}

Thus, you want code like:

_.find(savedViews, function(o) {
        return o.description === view;
})

answered Jun 25, 2015 at 15:05

Dancrumb

27.7k10 gold badges79 silver badges139 bronze badges

Comments

xeiton · Accepted Answer · 2019-03-19 16:50:32Z

10

You don't need Lodash or Ramda or any other extra dependency.

Just use the ES6 find() function in a functional way:

savedViews.find(el => el.description === view)

Sometimes you need to use 3rd-party libraries to get all the goodies that come with them. However, generally speaking, try avoiding dependencies when you don't need them. Dependencies can:

bloat your bundled code size,
you will have to keep them up to date,
and they can introduce bugs or security risks

edited Mar 19, 2019 at 16:50

answered Nov 4, 2018 at 6:52

xeiton

1,87018 silver badges21 bronze badges

Comments

ABHIJEET KHIRE · Accepted Answer · 2019-07-31 10:49:47Z

9

Import lodash using

$ npm i --save lodash

var _ = require('lodash'); 

var objArrayList = 
    [
         { name: "user1"},
         { name: "user2"}, 
         { name: "user2"}
    ];

var Obj = _.find(objArrayList, { name: "user2" });

// Obj ==> { name: "user2"}

edited Jul 31, 2019 at 10:49

answered Jul 31, 2019 at 10:19

ABHIJEET KHIRE

2,61120 silver badges14 bronze badges

1 Comment

Wang Liang Over a year ago

add more details

Ariel · Accepted Answer · 2019-07-30 00:50:19Z

8

for this find the given Object in an Array, a basic usage example of _.find

const array = 
[
{
    description: 'object1', id: 1
},
{
    description: 'object2', id: 2
},
{
    description: 'object3', id: 3
},
{
    description: 'object4', id: 4
}
];

this would work well

q = _.find(array, {id:'4'}); // delete id

console.log(q); // {description: 'object4', id: 4}

_.find will help with returning an element in an array, rather than it’s index. So if you have an array of objects and you want to find a single object in the array by a certain key value pare _.find is the right tools for the job.

edited Jul 30, 2019 at 0:50

Ariel

26.8k5 gold badges62 silver badges71 bronze badges

answered Mar 25, 2019 at 13:02

Afaq Ahmed Khan

2,3222 gold badges31 silver badges41 bronze badges

Comments

Bican M. Valeriu · Accepted Answer · 2018-06-03 17:23:56Z

7

You can use the following

import { find } from 'lodash'

Then to return the entire object (not only its key or value) from the list with the following:

let match = find(savedViews, { 'ID': 'id to match'});

answered Jun 3, 2018 at 17:23

Bican M. Valeriu

3284 silver badges12 bronze badges

Comments

robertklep · Accepted Answer · 2015-06-25 15:07:08Z

6

var delete_id = _(savedViews).where({ description : view }).get('0.id')

answered Jun 25, 2015 at 15:07

robertklep

205k38 gold badges421 silver badges412 bronze badges

Comments

Atchutha rama reddy Karri · Accepted Answer · 2019-06-19 06:16:40Z

1

Fetch id basing on name

 {
    "roles": [
     {
      "id": 1,
      "name": "admin",
     },
     {
      "id": 3,
      "name": "manager",
     }
    ]
    }



    fetchIdBasingOnRole() {
          const self = this;
          if (this.employee.roles) {
            var roleid = _.result(
              _.find(this.getRoles, function(obj) {
                return obj.name === self.employee.roles;
              }),
              "id"
            );
          }
          return roleid;
        },

answered Jun 19, 2019 at 6:16

Atchutha rama reddy Karri

1,56915 silver badges16 bronze badges

Comments

m.musni · Accepted Answer · 2024-07-13 10:46:52Z

1

const _ = require("lodash");

// Using _.matches() method
let geek = [{ 'java': 3, 'python': 5, 'js': 7 },
{ 'java': 4, 'python': 2, 'js': 6 }
];

let gfg = _.filter(geek, _.matches({ 'java': 3, 'js': 7 }));

// Storing the Result
console.log(gfg);

https://www.geeksforgeeks.org/lodash-_-matches-method/

answered Jul 13, 2024 at 10:46

m.musni

1391 silver badge5 bronze badges

Collectives™ on Stack Overflow

How to use lodash to find and return an object from Array?

11 Answers 11

1 Comment

3 Comments

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

1 Comment

3 Comments

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related