Question

我正在尝试使用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来获取它？

Answer 1

使用_.find代替findWhere：

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

它们是相似的，但是findWhere是针对您希望匹配键值对的特殊情况而设计的（在您的方案中对于涉及嵌套对象没有用）。 Find更常用，因为它允许您提供函数作为谓词。

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

从包含特定值的数组中获取对象

2 个答案: