Diziden bir nesneyi bulmak ve döndürmek için lodash nasıl kullanılır?


156

Nesnelerim:

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

Aşağıdaki işlevimde, eşleşen kimliği bulmak için açıklamayı geçiyorum:

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

Lodash'ın bulma yöntemini kullanmaya çalışıyorum: https://lodash.com/docs#find

Ancak değişkenim delete_idtanımsız çıkıyor.


Bu soruyu kontrol eden kişiler için güncelleme , Ramda, Lodash'ın yaptığı şeyi yapmak için güzel bir kütüphane, ancak daha işlevsel bir programlama yolu ile :) http://ramdajs.com/0.21.0/docs/


1
Geri aramaya neden _.findmülklerden yalnızca birini sihirli bir şekilde geçireceğini düşündüğün bana açık değil . console.log(description)Geri aramadaki basit bir şey size bunu söyleyebilirdi.
Felix Kling

Yanıtlar:


181

Geri aramaya aktarılan bağımsız değişken, dizinin öğelerinden biridir. Dizinizin öğeleri, formun nesneleridir {description: ..., id: ...}.

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

Bağlandığınız belgelerden bir başka alternatif (lodash v3):

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

Lodash v4:

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

4
Teşekkürler! Bunun da işe yaradığını yeni öğrendim var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');Ayrıca 10 dakika daha ...
Leon Gaban

İkinci çözüm yanlıştır, yüklem, eşleşmeleri kullanmak için bir dizi olmalıdır Özellik kısaltması: bu olmalıdır_.find(savedViews, ['description', view])
franksands

1
@FranciscoGuimaraes: 2015'te, lodash böyle çalıştı: lodash.com/docs/3.10.1#find
Felix Kling

2
@FelixKling Bunun gibi bir şey olabileceğinden şüpheleniyordum, ancak 2018'de bir cevap arayan insanlar için (benim gibi) bir yorum eklemenin daha iyi olacağını düşündüm.
Cevaptaki


32

Bunu vanilya JS'de kolayca yapabilirsiniz:

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

Kullanılıyor filter(orijinal cevap)

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


7
Doğru, ancak Lodash çok daha temiz görünüyor, kullanmam gerekmiyor, [0]bu benimle birlikte gideceğim çözüm var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');Demo için teşekkürler tho +1
Leon Gaban

[0] öğesini boş bir sonucu zorla dışarı attığınızda başarısız olmayacak mı? Öyleyse +1 ila @LeonGaban, Lodash bunu varsayılan olarak ele almalıdır.
kiradotee

3
@LeonGaban, ES6 kullanmadan [0] kirletmeden temizleyiciyi kullanmaya devam edebilirsinizsavedViews.find(el => el.description === view)
Ram Babu S

Harika cevap !!
Ole

12

Bu findyöntemle, geri aramanıza her bir öğenin değeri aşağıdaki gibi aktarılacaktır:

{
    description: 'object1', id: 1
}

Bu nedenle, aşağıdaki gibi bir kod istersiniz:

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

8

Lodash, Ramda ya da başka bir ek bağımlılığa ihtiyacınız yok.

ES6 find () işlevini işlevsel bir şekilde kullanın:

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

Bazen onlarla birlikte gelen tüm güzellikleri elde etmek için 3. taraf kitaplıkları kullanmanız gerekir. Bununla birlikte, genel olarak konuşursak, ihtiyacınız olmadığında bağımlılıklardan kaçınmayı deneyin . Bağımlılıklar şunları yapabilir:

  • paketlenmiş kod boyutunuzu şişirin,
  • onları güncel tutmanız gerekecek,
  • ve hatalar veya güvenlik riskleri ortaya çıkarabilirler

Mükemmel cevap!! Tam olarak aradığım şey.
Ole

8

bunun için _.find temel kullanım örneği olan bir Dizide verilen Nesneyi bulun

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

bu iyi çalışır

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

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

_.find, bir dizideki bir öğeyi dizinden değil, döndürmeye yardımcı olur. Dolayısıyla, bir dizi nesneniz varsa ve dizide belirli bir anahtar değerine göre tek bir nesne bulmak istiyorsanız, pare _.find, iş için doğru araçlardır.


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

6

Aşağıdakileri kullanabilirsiniz

import { find } from 'lodash'

Ardından, listeden tüm nesneyi (yalnızca anahtarını veya değerini değil) aşağıdakilerle döndürmek için:

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

4

Şunu lodashkullanarak içe aktar

$ npm i - lodash'ı kurtar

var _ = require('lodash'); 

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

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

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

daha fazla ayrıntı ekle
King Stone

1

İsme göre kimliği getir

 {
    "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;
        },
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.