Comment utiliser lodash pour rechercher et renvoyer un objet depuis Array?

Mes objets:

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

Dans ma fonction ci-dessous, je passe la description pour trouver l'ID correspondant:

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

J'essaie d'utiliser la méthode de recherche de lodash: https://lodash.com/docs#find

Cependant ma variable delete_idsort indéfinie.

Mise à jour pour les personnes qui vérifient cette question, Ramda est une belle bibliothèque pour faire la même chose que lodash, mais d'une manière de programmation plus fonctionnelle :) http://ramdajs.com/0.21.0/docs/

L'argument passé au callback est l'un des éléments du tableau. Les éléments de votre tableau sont des objets de la forme {description: ..., id: ...}.

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

Encore une autre alternative aux documents auxquels vous avez lié (lodash v3):

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

Lodash v4:

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

lodash et ES5

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

lodash et ES6

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

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

Vous pouvez le faire facilement dans vanilla JS:

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

Utilisation de filter(réponse originale)

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

Avec la findméthode, votre rappel recevra la valeur de chaque élément, comme:

{
    description: 'object1', id: 1
}

Ainsi, vous voulez un code comme:

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

pour cela, recherchez l'objet donné dans un tableau, un exemple d'utilisation de base de _.find

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

cela fonctionnerait bien

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

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

_.find aidera à renvoyer un élément dans un tableau, plutôt que son index. Donc, si vous avez un tableau d'objets et que vous voulez trouver un seul objet dans le tableau par une certaine valeur de clé, pare _.find est le bon outil pour le travail.

Vous n'avez pas besoin de Lodash ou Ramda ou de toute autre dépendance supplémentaire.

Utilisez simplement la fonction find () de l'ES6 de manière fonctionnelle:

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

Parfois, vous devez utiliser des bibliothèques tierces pour obtenir tous les avantages qui les accompagnent. Cependant, de manière générale, essayez d'éviter les dépendances lorsque vous n'en avez pas besoin . Les dépendances peuvent:

• gonfler la taille de votre code groupé,
• vous devrez les tenir à jour,
• et ils peuvent introduire des bogues ou des risques de sécurité

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

Vous pouvez utiliser ce qui suit

import { find } from 'lodash'

Ensuite, pour renvoyer l'objet entier (pas seulement sa clé ou sa valeur) à partir de la liste avec ce qui suit:

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

Importer lodashavec

$ npm i - enregistrer lodash

var _ = require('lodash'); 

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

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

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

Récupérer l'identifiant en fonction du nom

 {
    "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;
        },