javascript - 如何根据属性过滤对象数组？(How to filter object array based on attributes?)

Question

I have the following JavaScript array of real estate home objects:(我有以下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; What I would like to do is be able to perform a filter on the object to return a subset of "home" objects.(我想做的是能够对对象执行过滤，以返回“家庭”对象的子集。) For example, I want to be able to filter based on: price , sqft , num_of_beds , and num_of_baths .(例如，我希望能够基于： price ， sqft ， num_of_beds和num_of_baths 。) How can I perform something in JavaScript like the pseudo-code below:(我该如何在JavaScript中执行类似下面的伪代码的操作：) var newArray = homes.filter( price <= 1000 & sqft >= 500 & num_of_beds >=2 & num_of_baths >= 2.5 ); Note, the syntax does not have to be exactly like above.(注意，语法不必与上面完全相同。) This is just an example.(这只是一个例子。)   ask by JGreig translate from so

Answer 1

You can use the Array.prototype.filter method:(您可以使用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; }); Live Example:(现场示例：) 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); This method is part of the new ECMAScript 5th Edition standard, and can be found on almost all modern browsers.(此方法是新ECMAScript 5th Edition标准的一部分，几乎可以在所有现代浏览器中找到。) For IE, you can include the following method for compatibility:(对于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; }; }