Як використовувати lodash для пошуку та повернення об'єкта з масиву?


148

Мої об'єкти:

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

У своїй функції нижче я переходжу в опис, щоб знайти відповідний ідентифікатор:

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: https://lodash.com/docs#find

Однак моя змінна delete_id залишається невизначеною.


Оновлення для людей, які перевіряють це запитання, Рамда - це приємна бібліотека, яка робить те саме, що робить lodash, але більш функціональним способом програмування :) http://ramdajs.com/0.21.0/docs/


1
Мені незрозуміло, чому ви думаєте, _.findщо магічним чином передасть лише один із властивостей зворотного виклику. Простий console.log(description)у зворотному дзвінку міг сказати вам це.
Фелікс Клінг

Відповіді:


176

Аргумент, переданий зворотному виклику, є одним із елементів масиву. Елементи вашого масиву - це об'єкти форми {description: ..., id: ...}.

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

Ще одна альтернатива від документів, з якими ви пов’язані (lodash v3):

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

Lodash v4:

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

4
Дякую! Я щойно з'ясував, що це теж працює. var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');Ще 10 хвилин ...
Леон Габан,

Друге рішення неправильне, присудок повинен бути масивом для використання matchProperty стенограми: це має бути_.find(savedViews, ['description', view])
франків

1
@FranciscoGuimaraes: Ну, ще в 2015 році, так працював lodash
Фелікс Клінг,

1
@FelixKling Я підозрював, що це може бути щось подібне, але подумав, що краще додати коментар людям (як я), які шукають відповіді у 2018 році. Дякую за оновлення у відповіді
франків


29

Це можна легко зробити у ванільному JS:

Використання 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);

Використання filter(оригінальна відповідь)

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
Щоправда, але lodash здається набагато чистішим, мені не доведеться використовувати [0]це рішення, з яким я збираюся var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');Дякую за демонстрацію +1
Леон Габан

Хіба це не вийде, коли ви змусите [0] порожній результат? Тож +1 @LeonGaban, що Лодаш повинен за цим типом впоратися.
kiradotee

3
@LeonGaban все ще можна використовувати очищувач без квартири без [0], використовуючи ES6 savedViews.find(el => el.description === view)
Ram Babu S

Дивовижна відповідь !!
Оле

11

За допомогою findметоду вашому зворотному виклику буде передано значення кожного елемента, наприклад:

{
    description: 'object1', id: 1
}

Таким чином, вам потрібно такий код, як:

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

8

для цього знайдіть даний об’єкт у масиві, основний приклад використання _.find

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

це буде добре працювати

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

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

_.find допоможе повернути елемент у масиві, а не в індексі. Отже, якщо у вас є масив об'єктів і ви хочете знайти один масив у масиві за певним ключовим значенням pare _.find - це правильний інструмент для завдання.


7

Вам не потрібні Лодаш, Рамда або будь-яка інша додаткова залежність.

Просто використовуйте функцію пошуку () ES6 функціонально:

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

Іноді вам потрібно скористатися сторонніми бібліотеками, щоб отримати всі смаколики, які постачаються разом із ними. Однак, загалом кажучи, намагайтеся уникати залежностей, коли вони вам не потрібні . Залежності можуть:

  • роздуйте свій розмір коду,
  • вам доведеться постійно їх оновлювати,
  • і вони можуть вводити помилки або ризики безпеки

Чудова відповідь !! Саме те, що я шукав.
Оле


6

Можна скористатися наступним

import { find } from 'lodash'

Потім повернути весь об’єкт (не тільки його ключ або значення) зі списку з наступним:

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

4

Імпортувати lodashза допомогою

$ npm я --збереження квартири

var _ = require('lodash'); 

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

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

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

додати більше деталей
King Stone

1

Вилучити ідентифікатор на основі імені

 {
    "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;
        },
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.