我有以下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 );

注意,语法不必完全像上面那样。这只是一个例子。


当前回答

我使用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']  
};

现在如果你排除(actors, unwantedFieldsFilter)你只会得到

[{用户名:“比尔”,职位:“明星”,语言:“土耳其语”}]

比尔是你的男人,因为他的名字不是“玛丽”,“乔”之一,他的国籍不包括在['英国','意大利','西班牙','希腊'],加上他是一个明星!

在我的方法中有一个选项,即applyAllFilters,默认为true。 如果你试图将这个参数设置为false,这将作为“或”过滤而不是“与”过滤。 例如:ruleOut(actors, {job:["actor"], language:["Italian"]}, false)将得到所有不是演员或意大利人的人:

[{用户名:“玛丽”,职位:“明星”,语言:“土耳其语”}, {用户名:“Takis”,职位:“star”,语言:“Greek”}, {用户名:“乔”,工作:“明星”,语言:“土耳其语”}, {用户名:“比尔”,工作:“明星”,语言:“土耳其语”}]

其他回答

你可以尝试使用像jLinq这样的框架——下面是一个使用jLinq的代码示例

var results = jLinq.from(data.users)
.startsWith("first", "a")
.orEndsWith("y")
.orderBy("admin", "age")
.select();

欲了解更多信息,请访问http://www.hugoware.net/projects/jlinq

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

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

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

希望有帮助!

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

使用数组过滤数据

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