你可以自己实现一个过滤方法来满足你的需求，下面是如何实现的:

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));
});

希望有帮助!

你可以使用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;
  };
}

你可以很容易地做到这一点-可能有很多实现可供你选择，但这是我的基本想法(可能有一些格式，你可以用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 pickupData = [
    {
      id: 2876635,
      pickup_location: "6311cdacf6b493647d86",
      address_type: null,
      address: "999, Jagarati",``
      address_2: "Vihar",
      updated_address: false,
      old_address: "",
      old_address2: "",
      city: "Meerut",
      state: "Uttar Pradesh",
      country: "India",
      pin_code: "250001",
      email: "938@gmail.com",
      is_first_mile_pickup: 0,
      phone: "76898",
      name: "Aa",
      company_id: 2889808,
      gstin: null,
      vendor_name: null,
      status: 2,
      phone_verified: 1,
      lat: null,
      long: null,
      warehouse_code: null,
      alternate_phone: null,
      rto_address_id: 2867270,
      lat_long_status: 0,
      new: 1,
      associated_rto_address: null
    },
    {
      id: 2872407,
      pickup_location: "6311cdad490cf6b493647d82",
      address_type: null,
      address: "Nagar",
      address_2: "Delhi",
      updated_address: false,
      old_address: "",
      old_address2: "",
      city: "Bijnor",
      state: "Uttar Pradesh",
      country: "India",
      pin_code: "246701",
      email: "ima@gmail.com",
      is_first_mile_pickup: 0,
      phone: "75398",
      name: "Amit Sharma",
      company_id: 2889808,
      gstin: null,
      vendor_name: null,
      status: 1,
      phone_verified: 1,
      lat: null,
      long: null,
      warehouse_code: null,
      alternate_phone: null,
      rto_address_id: 2867270,
      lat_long_status: 0,
      new: 1,
      associated_rto_address: null
    }
  ];

const shiprocketData = [ { line1: "999, Jagarati", line2: "Vihar", city: "Meerut", state: "Uttar Pradesh", pincode: 250001, country: "India", isCurrent: true, _id: "6311cdad490cf6b3647d86" }, { line1: "999, Jagarati", line2: "Vihar", city: "Meerut", state: "Uttar Pradesh", pincode: 250001, country: "India", isCurrent: true, _id: "6311cdad490cb493647d82" }, { line1: "999, Jagarati", line2: "Vihar", city: "Meerut", state: "Uttar Pradesh", pincode: 250001, country: "India", isCurrent: true, _id: "6311cdad490cf693647d89" } ];

const updatedData = () => {
    const data = pickupData.filter(
      (item, index) =>
        item.pickup_location === shiprocketData.map((item) => item._id)[index]
    );
    return console.log(data);
  };

你可以使用forEach

const filterOutputs = [];
json.homes.forEach((home) => {
if (
parseInt(home.price) <= 1000 &&
parseInt(home.sqft) >= 500 &&
parseInt(home.num_of_beds) >= 2 &&
parseInt(home.num_of_baths) >= 2
) {
filterOutputs.push(home);
}
});

console.log(filterOutputs);

我看到有一种情况没有被覆盖，也许有人会像我一样寻找匹配的情况。情况下，当有人想要过滤属性值，这是字符串或数字使用过滤作为“where matches”条件，让我们说通过城市名称等。换句话说，就像Query:返回ALL homes数组WHERE city = "Chicago"。解决方法很简单:

  const filterByPropertyValue = (cityName) => {
    let filteredItems = homes.filter((item) => item.city === cityName);
    console.log("FILTERED HOMES BY CITY:", filteredItems);
  }

如果你需要通过编程或在HTML中循环/映射数组或通过提供'city'值来触发它(你也可以提供数组，只需要在函数中添加它来重用函数):

            <button
              onClick={() => {
                filterByPropertyValue("Chicago");
              }}
            >
              Chicago Homes Only
            </button>

假设JSON添加了城市属性:

'homes': [{
        "home_id": "1",
        "price": "925",
        "sqft": "1100",
        "num_of_beds": "2",
        "num_of_baths": "2.0",
        "city":"Chicago",
    }, {
        "home_id": "2",
        "price": "1425",
        "sqft": "1900",
        "num_of_beds": "4",
        "num_of_baths": "2.5",
        "city":"Chicago",
    },
    // ... (more homes) ...     
    {
        "home_id": "3-will-be-matched",
        "price": "925",
        "sqft": "1000",
        "num_of_beds": "2",
        "num_of_baths": "2.5",
        "city":"Atlanta",
    },
]