У меня есть следующий массив 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;
То, что я хотел бы сделать, - это выполнить фильтр объекта, чтобы вернуть подмножество "домашних" объектов.
Например, я хочу иметь возможность фильтровать на основе: 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);
Этот метод является частью нового стандарта ECMAScript 5th Edition и может быть найден почти во всех современных браузерах.
Для 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;
};
}
Array.prototype.filter.length == 1;
) , Когда вы используете второй аргумент, он будет использоваться как значение this
внутри функции обратного вызова.
Вы можете попробовать использовать фреймворк как 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;
});
Надеюсь, это будет полезно для вас!
underscore-query
( github.com/davidgtonge/underscore-query ), который использует MongoDB-подобный синтаксис для запроса массивов JavaScript. Так что здесь вы должны использовать _.query(homes, {price: {$lt:1000}, sqft: {$gte: 500}, num_of_beds: {$gte:2}, num_of_baths: {$gte: 2.5}}
вот рабочая скрипка, которая отлично работает в IE8 с использованием функции jQuery MAP
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.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
});
Вы могли бы сделать это довольно легко - возможно, есть много вариантов реализации, но это моя основная идея (и, вероятно, есть какой-то формат, где вы можете перебирать объект с помощью 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;
});
Таким образом вы можете вызывать фильтр на основе любого предиката, который вы определяете, или даже фильтровать несколько раз с использованием меньших фильтров.
Вы можете реализовать собственный метод фильтрации, который соответствует вашим потребностям, вот как:
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));
});
Надеюсь, это поможет!
Или вы можете просто использовать $.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);
}
});
Вы должны проверить OGX.List, который имеет встроенные методы фильтрации и расширяет стандартный массив 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();
И вы можете добавить столько фильтров, сколько хотите (по одному для каждого свойства)
var json = { ... }
JSON - это текстовая запись для обмена данными. (Подробнее здесь.) Если вы имеете дело с исходным кодом JavaScript и не имеете дело со строкой , вы не имеете дело с JSON.