Como usar o lodash para encontrar e retornar um objeto da matriz?


148

Meus objetos:

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

Na minha função abaixo, estou passando a descrição para encontrar o ID correspondente:

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

Estou tentando usar o método de localização do lodash: https://lodash.com/docs#find

No entanto, minha variável delete_idestá saindo indefinida.


Atualização para as pessoas que consultam esta pergunta, o Ramda é uma boa biblioteca para fazer a mesma coisa que o lodash faz, mas de uma maneira mais funcional para a programação :) http://ramdajs.com/0.21.0/docs/


1
Não está claro para mim por que você acha que _.findpassaria magicamente apenas uma das propriedades para o retorno de chamada. Um simples console.log(description)retorno de chamada poderia ter lhe dito isso.
Felix Kling

Respostas:


176

O argumento passado para o retorno de chamada é um dos elementos da matriz. Os elementos da sua matriz são objetos do formulário {description: ..., id: ...}.

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

Outra alternativa dos documentos aos quais você vinculou (lodash v3):

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

Lodash v4:

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

4
Obrigado! Eu só descobri que isso funciona muito var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');também mais 10 minutos ...
Leon Gaban

A segunda solução está errada, o predicado deve ser uma matriz para usar o matchProperty, abreviado: deveria ser_.find(savedViews, ['description', view])
franksands

1
@FranciscoGuimaraes: Bem, de volta em 2015, é assim que lodash trabalhou: lodash.com/docs/3.10.1#find
Felix Kling

1
@FelixKling eu suspeitava que poderia ser algo como isso, mas achou melhor adicionar um comentário para as pessoas (como eu) procurando uma resposta em 2018. Agradecimentos para a atualização na resposta
franksands


29

Você pode fazer isso facilmente no JS vanilla:

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

Usando filter(resposta 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);


6
É verdade, mas lodash parece muito mais limpo, eu não tenho que usar [0]esta é a solução que eu estou indo com var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');Obrigado pela demonstração tho +1
Leon Gaban

Não irá falhar quando você forçar [0] um resultado vazio? Então, marque +1 no @LeonGaban para que o Lodash lide com isso por padrão.
Kiradotee

3
@LeonGaban ainda você pode usar mais limpo sem lodash sem [0] usando ES6 savedViews.find(el => el.description === view)
Ram Babu S

Resposta incrível !!
Ole

11

Com o findmétodo, seu retorno de chamada receberá o valor de cada elemento, como:

{
    description: 'object1', id: 1
}

Assim, você deseja um código como:

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

8

para isso, encontre o objeto especificado em uma matriz, um exemplo básico de uso de _.find

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

isso funcionaria bem

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

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

_.find ajudará a retornar um elemento em uma matriz, e não o índice. Portanto, se você possui uma matriz de objetos e deseja encontrar um único objeto na matriz com um determinado valor-chave, pare _.find é a ferramenta certa para o trabalho.


7

Você não precisa de Lodash, Ramda ou qualquer outra dependência extra.

Basta usar a função find () do ES6 de maneira funcional:

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

Às vezes, você precisa usar bibliotecas de terceiros para obter todos os benefícios que vêm com eles. No entanto, de um modo geral, tente evitar dependências quando não precisar delas . Dependências podem:

  • inchar o tamanho do código do pacote,
  • você terá que mantê-los atualizados,
  • e eles podem introduzir bugs ou riscos à segurança

Ótima resposta!! Exatamente o que eu estava procurando.
Ole

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

6

Você pode usar o seguinte

import { find } from 'lodash'

Em seguida, retorne o objeto inteiro (não apenas sua chave ou valor) da lista com o seguinte:

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

4

Importar lodashusando

$ npm i - salvar lodash

var _ = require('lodash'); 

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

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

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

adicione mais detalhes
King Stone

1

Buscar ID com base no nome

 {
    "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;
        },
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.