我目前有一种方法来搜索一些与此类似的产品数据
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...
}
最佳答案
所以我们假设您的示例如下所示:
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。
关于Javascript 搜索多个参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33660785/