Получить объект из массива, который содержит определенное значение

Я пытаюсь выполнить поиск по массиву объектов с помощью Underscore.js, но я не могу настроить таргетинг на тот, который я хочу.

console.log(_.findWhere(response.data, { TaskCategory: { TaskCategoryId: $routeParams.TaskCategory } }));

Однако это возвращает undefined $routeParams.TaskCategory равно 301

Это пример объектов внутри массива, который я ищу. Эти данные представлены data.response

[{
    "TaskCategory": {
        "TaskCategoryId": 201,
        "TaskName": "TaskName"
    },
    "TaskCount": 1,
    "Tasks": [{
        "EventTypeId": 201,
        "EventName": "Event Driver",
        "EventDate": "0001-01-01T00:00:00",
        "EventId": "00000000-0000-0000-0000-000000000000",
    }]
},
{
    "TaskCategory": {
        "TaskCategoryId": 301,
        "TaskName": "TaskName"
    },
    "TaskCount": 1,
    "Tasks": [{
        "EventTypeId": 201,
        "EventName": "Event Driver",
        "EventDate": "0001-01-01T00:00:00",
        "EventId": "00000000-0000-0000-0000-000000000000",
    }]
}]

Итак, я хочу, чтобы второй объект в этом массиве использовался с помощью TaskCategory.TaskCategoryId, можно ли его использовать с помощью Underscore?

Ответ 1

Используйте _.find вместо findWhere:

console.log(_.find(response.data, function(item) {
    return item.TaskCategory.TaskCategoryId == $routeParams.TaskCategory; 
}));

Они похожи, но findWhere предназначен для особых случаев, когда вы хотите совместить пары ключ-значение (не полезно в вашем сценарии, так как оно связано с вложенными объектами). Find является более общим, потому что он позволяет вам использовать функцию как предикат.

Ответ 2

Источник _.findWhere/_.where выглядит следующим образом

_.where = function(obj, attrs, first) {
  if (_.isEmpty(attrs)) return first ? void 0 : [];
  return _[first ? 'find' : 'filter'](obj, function(value) {
    for (var key in attrs) {
      if (attrs[key] !== value[key]) return false;
    }
    return true;
  });
};

_.findWhere = function(obj, attrs) {
  return _.where(obj, attrs, true);
};

Как вы можете видеть, он выполняет строгое равенство, а не глубокое равенство. Если вам нужен глубокий поиск, где это было бы достаточно (непроверено, неоптимизировано):

_.whereDeep = function(obj, attrs, first) {
  if (_.isEmpty(attrs)) return first ? void 0 : [];
  return _[first ? 'find' : 'filter'](obj, function(value) {
    for (var key in attrs) {
      if (attrs[key] !== value[key] || !(_.isObject(attrs[key]) && _.whereDeep([value[key]], attrs[key], true))) return false;
    }
    return true;
  });
};

_.findWhereDeep = function(obj, attrs) {
  return _.whereDeep(obj, attrs, true);
};

И вы сможете использовать свой код почти без изменений

_.findWhereDeep(response.data, { TaskCategory: { TaskCategoryId: $routeParams.TaskCategory } });