Jak używać lodash, aby znaleźć i zwrócić obiekt z Array?


148

Moje obiekty:

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

W mojej funkcji poniżej podaję opis, aby znaleźć pasujący identyfikator:

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
    }
}

Próbuję użyć metody znajdowania lodash: https://lodash.com/docs#find

Jednak moja zmienna delete_idwychodzi niezdefiniowana.


Aktualizacja dla osób sprawdzających to pytanie, Ramda to fajna biblioteka, która robi to samo, co lodash, ale w bardziej funkcjonalny sposób programowania :) http://ramdajs.com/0.21.0/docs/


1
Nie jest dla mnie jasne, dlaczego myślisz, _.findże w magiczny sposób przekazałby wywołanie zwrotne tylko jedną z właściwości. Prosty console.log(description)w oddzwonieniu mógłby ci to powiedzieć.
Felix Kling

Odpowiedzi:


176

Argument przekazany do wywołania zwrotnego jest jednym z elementów tablicy. Elementy twojej tablicy są obiektami formularza {description: ..., id: ...}.

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

Jeszcze inna alternatywa dla dokumentów, do których utworzyłeś link (lodash v3):

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

Lodash v4:

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

4
Dzięki! Właśnie się dowiedziałem, że to też działa. var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');Jeszcze 10 minut ...
Leon Gaban,

Drugie rozwiązanie jest błędne, predykat musi być tablicą, aby użyć dopasowania Skrót do właściwości: tak powinno być_.find(savedViews, ['description', view])
franksands

1
@FranciscoGuimaraes: Cóż, w 2015 roku tak działał lodash
Felix Kling

1
@FelixKling Podejrzewałem, że może to być coś takiego, ale pomyślałem, że lepiej będzie dodać komentarz dla osób (takich jak ja) szukających odpowiedzi w 2018 roku. Dzięki za aktualizację odpowiedzi
franksands


29

Możesz to łatwo zrobić w waniliowym JS:

Za pomocą 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);

Korzystanie filter(oryginalna odpowiedź)

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);


6
To prawda, ale lodash wydaje się o wiele czystszy, nie muszę używać [0]tego rozwiązania, z którym wybieram var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');Dzięki za demo +1
Leon Gaban

Czy to się nie uda, gdy wymusisz [0] pusty wynik? Więc +1 dla @LeonGaban, że Lodash powinien to zrobić domyślnie.
kiradotee

3
@LeonGaban nadal możesz używać środka czyszczącego bez lodash bez [0] używając ES6 savedViews.find(el => el.description === view)
Ram Babu S

Świetna odpowiedź !!
Ole

11

Dzięki tej findmetodzie do Twojego wywołania zwrotnego zostanie przekazana wartość każdego elementu, na przykład:

{
    description: 'object1', id: 1
}

Dlatego potrzebujesz kodu takiego jak:

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

8

w tym celu znajdź dany obiekt w tablicy, podstawowy przykład użycia _.find

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

to działałoby dobrze

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

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

_.find pomoże w zwróceniu elementu w tablicy zamiast jego indeksu. Więc jeśli masz tablicę obiektów i chcesz znaleźć pojedynczy obiekt w tablicy na podstawie określonej wartości kluczowej, to pare _.find jest odpowiednim narzędziem do tego zadania.


7

Nie potrzebujesz Lodash, Ramda ani żadnej innej dodatkowej zależności.

Po prostu użyj funkcji find () z ES6 w funkcjonalny sposób:

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

Czasami musisz skorzystać z bibliotek innych firm, aby pobrać wszystkie dostępne z nimi gadżety. Jednak ogólnie rzecz biorąc, staraj się unikać zależności, gdy ich nie potrzebujesz . Zależności mogą:

  • nadmuchaj rozmiar dołączonego kodu,
  • będziesz musiał je aktualizować,
  • i mogą wprowadzać błędy lub zagrożenia bezpieczeństwa

Świetna odpowiedź!! Dokładnie to, czego szukałem.
Ole


6

Możesz użyć następujących

import { find } from 'lodash'

Następnie, aby zwrócić cały obiekt (nie tylko jego klucz lub wartość) z listy z następującymi elementami:

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

4

Importuj lodashza pomocą

$ npm i --save lodash

var _ = require('lodash'); 

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

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

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

dodaj więcej szczegółów
King Stone

1

Pobierz identyfikator na podstawie nazwy

 {
    "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;
        },
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.