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

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

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

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

Итак, я хочу, чтобы второй объект в этом массиве использовался с помощью 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 } });