我有以下房地产住宅对象的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"对象的子集。
例如,我希望能够根据:"价格"、"平方英尺"、"床位数 "和 "浴室数 "进行过滤。
我怎样才能在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);
这个方法是新的ECMAScript第五版标准的一部分,在几乎所有的现代浏览器上都可以找到。
对于IE,为了兼容,你可以加入以下方法。
if (!Array.prototype.filter) {
Array.prototype.filter = function(fun /*, thisp*/) {
var len = this.length >>> 0;
if (typeof fun != "function")
throw new TypeError();
var res = [];
var thisp = arguments[1];
for (var i = 0; i < len; i++) {
if (i in this) {
var val = this[i];
if (fun.call(thisp, val, i, this))
res.push(val);
}
}
return res;
};
}
我更喜欢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;
});
希望对你有用!
这里是在IE8中使用jquery MAP函数正常工作的fiddle。
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;
});
这样,你就可以根据你定义的任何谓词来调用过滤器,甚至可以使用较小的过滤器进行多次过滤。
我'竟然没有人发过单行本的回复。
const filteredHomes = json.homes.filter(x => x.price <= 1000 && x.sqft >= 500 && x.num_of_beds >=2 && x.num_of_baths >= 2.5);
...让你读起来更容易。
const filteredHomes = json.homes.filter( x =>
x.price <= 1000 &&
x.sqft >= 500 &&
x.num_of_beds >=2 &&
x.num_of_baths >= 2.5
);
你可以自己实现一个符合你需求的过滤方法,下面是方法。
function myfilter(array, test){
var passedTest =[];
for (var i = 0; i < array.length; i++) {
if(test( array[i]))
passedTest.push(array[i]);
}
return passedTest;
}
var passedHomes = myfilter(homes,function(currentHome){
return ((currentHome.price <= 1000 )&& (currentHome.sqft >= 500 )&&(currentHome.num_of_beds >=2 )&&(currentHome.num_of_baths >= 2.5));
});
希望,能帮到你!
你应该看看[OGX.List][1],它内置了过滤方法,并扩展了标准的javascript数组(还支持分组、排序和查找)。 这里是它支持的过滤器的运算符列表。
'eq' //Equal to
'eqjson' //For deep objects, JSON comparison, equal to
'neq' //Not equal to
'in' //Contains
'nin' //Doesn't contain
'lt' //Lesser than
'lte' //Lesser or equal to
'gt' //Greater than
'gte' //Greater or equal to
'btw' //Between, expects value to be array [_from_, _to_]
'substr' //Substring mode, equal to, expects value to be array [_from_, _to_, _niddle_]
'regex' //Regex match
你可以这样使用
let list = new OGX.List(your_array);
list.addFilter('price', 'btw', 100, 500);
list.addFilter('sqft', 'gte', 500);
let filtered_list = list.filter();
甚至这样
let list = new OGX.List(your_array);
let filtered_list = list.get({price:{btw:[100,500]}, sqft:{gte:500}});
或者作为一个单行线
let filtered_list = new OGX.List(your_array).get({price:{btw:[100,500]}, sqft:{gte:500}});
或者你可以简单地使用$.each
(它也适用于对象,而不仅仅是数组),然后建立一个新的数组,就像这样。
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) ...
{
"home_id": "3-will-be-matched",
"price": "925",
"sqft": "1000",
"num_of_beds": "2",
"num_of_baths": "2.5",
},
]
}
var homes = [];
$.each(json.homes, function(){
if (this.price <= 1000
&& this.sqft >= 500
&& this.num_of_beds >= 2
&& this.num_of_baths >= 2.5
) {
homes.push(this);
}
});
var filterHome = homes.filter(home =>
return (home.price <= 999 &&
home.num_of_baths >= 2.5 &&
home.num_of_beds >=2 &&
home.sqft >= 998));
console.log(filterHome);
你可以使用这个lambda函数。 更多的细节可以在这里找到,因为我们是根据你的条件来过滤数据,返回true或false,它将在不同的数组中收集数据,所以你的实际数组将不会被修改。
@JGreig 请研究一下。
我使用了我的ruleOut
函数,用于根据特定的不需要的属性值过滤对象。我明白在你的例子中,你希望使用条件而不是值,但我的答案对问题的标题是有效的,所以我'想把我的方法留在这里。
function ruleOut(arr, filterObj, applyAllFilters=true) {
return arr.filter( row => {
for (var field in filterObj) {
var val = row[field];
if (val) {
if (applyAllFilters && filterObj[field].indexOf(val) > -1) return false;
else if (!applyAllFilters) {
return filterObj[field].filter(function(filterValue){
return (val.indexOf(filterValue)>-1);
}).length == 0;
}
}
}
return true;
});
}
假如你有一个这样的演员名单。
let actors = [
{userName:"Mary", job:"star", language:"Turkish"},
{userName:"John", job:"actor", language:"Turkish"},
{userName:"Takis", job:"star", language:"Greek"},
{userName:"Joe", job:"star", language:"Turkish"},
{userName:"Bill", job:"star", language:"Turkish"}
];
而你想找到所有被评为霍利伍德明星的演员,他们的国籍不应该是'英语'、'意大利语'、'西班牙语'、'希腊语'中的一种,另外他们的名字也不会是'玛丽'、'乔'中的一种。 奇怪的例子,我知道! 总之,有了这组条件,你就可以创建以下对象。
let unwantedFieldsFilter= {
userName: ['Mary', 'Joe'],
job: ['actor'],
language: ['English', 'Italian', 'Spanish', 'Greek']
};
好了,现在如果你ruleOut(actors, unwantedFieldsFilter)
你只会得到
[{userName: "比尔", 工作: "明星", 语言: 土耳其语"}]
而比尔就是你的人,因为他的名字不是'Mary'、'Joe'中的一个,他的国籍也不包括在['英语'、'意大利语'、'西班牙语'、'希腊语']中,再加上他是一个Star!
我的方法中有一个选项,就是 "applyAllFilters",默认为true。
如果你想在这个参数设置为false的情况下ruleOut,那将作为一个'OR'。
过滤,而不是'AND'。
例子: ruleOut(actors,)
ruleOut(actors, {job:["actor"], language:["Italian"]}, false)`会得到所有不是演员或意大利人的人。
{fnTahomafs21shad1pos(192,285)b0}>
[{userName:
"玛丽",工作。
{userName:"Mary", job:"star", language:
"土耳其语"},
{userName:
"Takis", job:
"star", 语言:"希腊语"。
"希腊语"},
{userName:
"Joe", job:
"star", 语言:
"土耳其语"},
{userName:
"Bill", job:
"star", 语言:
"土耳其语"}]