如何根据属性过滤对象数组？

Question

如何根据属性过滤对象数组？我有以下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 );注意，语法不必与上面完全相同。这只是一个例子。

Answer 1

您可以使用以下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第5版标准的一部分，几乎可以在所有现代浏览器中找到。

对于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;
  };}

Answer 2

我更喜欢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;});

希望它对你有用！