javascript - Cum să folosești lodash pentru a găsi și a returna un obiect dintr-un Array?

Obiectele mele:

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

În funcția mea de mai jos trec descrierea pentru a găsi ID-ul corespunzător:

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

Încerc să folosesc metoda find a lodash: https://lodash.com/docs#find

Totuși, variabila mea delete_id iese ca fiind nedefinită.

Actualizare pentru cei care verifică această întrebare, Ramda este o bibliotecă drăguță pentru a face același lucru pe care îl face lodash, dar într-un mod mai orientat pe programarea funcțională :) http://ramdajs.com/0.21.0/docs/

Răspuns #1

lodash și ES5

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

lodash și ES6

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

documentația la https://lodash.com/docs#find

Răspunsul #2

Argumentul transmis la callback este unul dintre elementele array-ului. Elementele array-ului tău sunt obiecte de forma {description: ..., id: ...}.

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

Încă o alternativă din documentația la care ai oferit link (lodash v3):

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

Lodash v4:

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

Răspunsul #3

Poți face asta ușor în JS simplu:

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

Folosing filter (răspuns original):

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

Răspunsul #4

Cu metoda find, callback-ul tău va primi valoarea fiecărui element, astfel:

{
    description: 'object1', id: 1
}

Așadar, vrei cod precum:

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

Răspunsul #5

Nu ai nevoie de Lodash sau Ramda sau de vreo altă dependență suplimentară.

Folosește doar funcția find() din ES6 într-un mod funcțional:

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

Uneori trebuie să folosești biblioteci terțe pentru a obține toate beneficiile care vin odată cu ele. Totuși, în general, încearcă să eviți dependențele când nu ai nevoie de ele. Dependențele pot:

• umfla dimensiunea codului tău inclus,
• va trebui să îi ții la curent,
• și pot introduce erori sau riscuri de securitate