Javascript 搜索多个参数

Question

我目前有一种方法来搜索一些与此类似的产品数据

function search(title) {
  var result = [];
   for (i = 0; i < data.length; i++) {
          if (data[i].title.indexOf(title) > -1) {
              result.push(data[i]);
             }
        }
     return result;
}

当尝试在我的数据中搜索标题包含正在搜索的标题的产品时，该方法有效。标题通过输入传入。

但是，我希望能够搜索多个属性而不仅仅是标题。

例如，如果我有 4 个输入，例如标题、ID、位置、价格，您可以根据需要搜索任意数量的输入。因此您可以一次搜索一个、一次搜索两个等等......

我应该如何解决这个问题而不需要编写一个全新的函数？会不会是类似的东西

function search(params) {
  var result = [];
   for (i = 0; i < data.length; i++) {
          if (look for all params being searched for here) {
              result.push(data[i]);
             }
        }
     return result;
}

编辑:只是为了展示我如何传递数据

查看

<input ng-model="params.one">

<input ng-model="params.two">

<input ng-model="params.three">

<input ng-model="params.four">

Controller

$scope.search = function() {
   var params = $scope.params;
   // call search service which uses the above function...
}

Answer 1

所以我们假设您的示例如下所示:

var data = [{"title": "foo", "description": "blabla", "yada": "yada"}, {..}];

现在你想打电话

search({"title": "f", "yada": "da"});

查找标题中包含“f”的元素以及所有 yadas 中包含“da”的元素。让我们分而治之。首先，我们创建一个方法来告诉我们某个项目是否与您的搜索匹配:

function matchItem(item, searchParams) {
  for(var propertyToLookFor in searchParams) {
    var valueToLookFor = searchParams[propertyToLookFor];
    if (item[propertyToLookFor].indexOf(valueToLookFor) >= 0) {
      return true;
    }
  }
  return false;
}

当然，您需要了解的是 for-in 循环，它会迭代对象的属性。可以像数组一样访问对象，使用属性作为索引。因此 myObject.foo 与 myObject['foo'] 相同，而 myObject['foo'] 与 var someVar = 'foo'; 相同。 myObject[someVar];

现在应用我们创建的匹配器最简单的方法是使用内置 filter-method of arrays :

var filteredResult = data.filter(function(item) {
  return matchItem(item, {"title": "f", "yada": "da"});
});

但是您也可以稍微调整只搜索标题的方法:

function search(searchParams) {
  var result = [];
  for (i = 0; i < data.length; i++) {
    if (matchItem(data[i], searchParams)) {
      result.push(data[i]);
    }
  }
  return result;
}

AngularJS

既然你显然使用了 angularJS:Angular 有一个 built-in filter filter它已经完成了我刚才描述的几乎所有事情。像这样使用它:

var filteredData = $filter('filter')(data, {"title": "f", "yada": "da"})

实际上，过滤器的 API 引用包含一个示例，该示例看起来与您想要执行的操作非常相似，包括 HTML。