我有以下JavaScript数组的房地产家庭对象:
var json = { 'homes': [{ "home_id": "1", "price": "925", "sqft": "1100", "num_of_beds": "2", "num_of_baths": "2.0", }, { "home_id": "2", "price": "1425", "sqft": "1900", "num_of_beds": "4", "num_of_baths": "2.5", }, // ... (more homes) ... ] } var xmlhttp = eval('(' + json + ')'); homes = xmlhttp.homes;
我想要做的是能够对对象执行过滤器以返回"home"对象的子集.
例如,我想基于对能够过滤:price
,sqft
,num_of_beds
,和num_of_baths
.
问题:如何在JavaScript中执行某些操作,如下面的伪代码:
var newArray = homes.filter( price <= 1000 & sqft >= 500 & num_of_beds >=2 & num_of_baths >= 2.5 );
注意,语法不必与上面完全相同.这只是一个例子.
您可以使用以下Array.prototype.filter
方法:
var newArray = homes.filter(function (el) { return el.price <= 1000 && el.sqft >= 500 && el.num_of_beds >=2 && el.num_of_baths >= 2.5; });
实例:
var obj = {
'homes': [{
"home_id": "1",
"price": "925",
"sqft": "1100",
"num_of_beds": "2",
"num_of_baths": "2.0",
}, {
"home_id": "2",
"price": "1425",
"sqft": "1900",
"num_of_beds": "4",
"num_of_baths": "2.5",
},
// ... (more homes) ...
]
};
// (Note that because `price` and such are given as strings in your object,
// the below relies on the fact that <= and >= with a string and number
// will coerce the string to a number before comparing.)
var newArray = obj.homes.filter(function (el) {
return el.price <= 1000 &&
el.sqft >= 500 &&
el.num_of_beds >= 2 &&
el.num_of_baths >= 1.5; // Changed this so a home would match
});
console.log(newArray);
您可以尝试使用类似jLinq的框架 - 以下是使用jLinq的代码示例
var results = jLinq.from(data.users) .startsWith("first", "a") .orEndsWith("y") .orderBy("admin", "age") .select();
有关更多信息,请访问http://www.hugoware.net/projects/jlinq链接
我更喜欢Underscore框架.它建议对象有许多有用的操作.你的任务:
var newArray = homes.filter( price <= 1000 & sqft >= 500 & num_of_beds >=2 & num_of_baths >= 2.5);
可以覆盖像:
var newArray = _.filter (homes, function(home) { return home.price<=1000 && sqft>=500 && num_of_beds>=2 && num_of_baths>=2.5; });
希望它对你有用!
这是使用jquery MAP功能在IE8中正常工作的工作小提琴
http://jsfiddle.net/533135/Cj4j7/
json.HOMES = $.map(json.HOMES, function(val, key) { if (Number(val.price) <= 1000 && Number(val.sqft) >= 500 && Number(val.num_of_beds) >=2 && Number(val.num_of_baths ) >= 2.5) return val; });
你可以很容易地做到这一点 - 可能有很多实现你可以选择,但这是我的基本想法(并且可能有一些格式你可以用jQuery迭代一个对象,我现在不能想到它):
function filter(collection, predicate) { var result = new Array(); var length = collection.length; for(var j = 0; j < length; j++) { if(predicate(collection[j]) == true) { result.push(collection[j]); } } return result; }
然后您可以像这样调用此函数:
filter(json, function(element) { if(element.price <= 1000 && element.sqft >= 500 && element.num_of_beds > 2 && element.num_of_baths > 2.5) return true; return false; });
这样,您可以根据您定义的任何谓词调用过滤器,甚至可以使用较小的过滤器多次过滤.
你可以使用jQuery.grep(),因为jQuery 1.0:
$.grep(homes, function (h) { return h.price <= 1000 && h.sqft >= 500 && h.num_of_beds >= 2 && h.num_of_baths >= 2.5 });